* {
    margin: 0;
    padding: 0;
}


body {
    /*font: 16px/1.4 'Roboto', Helvetica, Arial, sans-serif;*/
    color: #333;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
	font-weight: 400;
}


.text_over {
    color: #ffffff;
}
.text_over:hover {
    color: #cc2222;
}

.image_over > img {
    height:40px;
}
.image_over:hover > img {
    opacity: .5;
}

.image_parent_over > img {
    height:40px;
}
.image_parent_over:hover > img {
    opacity: .5;
}

.epage_power {
    float:right;  border:0px red solid;  vertical-align: middle;  padding-left:6px; padding-top:10px;
}

.epage_signin {
    float:right;  border:0px red solid;  padding:6px;
    text-align: right;  vertical-align: middle;
    color:white; font-weight:bold; font-size:16px;
    line-height:1;
}

.epage_social {
    display:inline-block; padding:2px; border: 0px yellow solid;  text-align: left; color:white;
}



.epage_tabs_on {
    background-color: #ffdddd;
}

.number {
    /*width: 20%;*/
    /*margin-right: 10px;*/
    float: left; vertical-align: top;
}

.title {
    width:290px;
}

.side_margin { width: 10%; }

.body_margin { width: 80% }

/* #asitehomehero {
	padding-bottom: 0;
}

main .section2 {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}*/

.event_desc_div_parent {
    display: inline; white-space: normal; border: 0px blue solid; background-color: transparent; color:white
}

.event_logo_div {
    float:left;
    display:table-cell;
    vertical-align: top;
    width:150px;
    padding:10px;
    background-color: #ffffff;
    border-radius: 5px;

}

.event_desc_div {
    float:left;
    display:table-cell;
    max-width: 60%;
    padding-left:20px;
    white-space: normal;
    border: 0px red solid;
    background-color: transparent;
    color:white;
    border:0px yellow solid;
}

.event_sponsor_div {
    float:right;
    border:000px red solid;
    display:table-cell;
    vertical-align: top;
    width:200px;
    padding-left:20px;

}
.event_logo {
    width:100%;
    border: 0px blue solid;
}

.event_flag {
    background-color: red;
    height:2px;
}

.epage_header_divider {
    height: 80px;
}

.epage_header_section {
	/* commented padding to remove space below the navigation on the epage and asite5 hero */
    /* padding-bottom:60px; */
    display:inline-block;
    border: 0px orange solid;
    background-color: transparent;
    color:white;
	position: relative;
}



#sponsor_header {
    display:none; font-weight:bold; font-size:24px; padding:10px; padding-top: 14px; background-color: #000000; border:1px #c1c1c1 solid; color: #ffffff; text-align: center;
}


.navbar-toggle {
    background-color:white;
}

.navbar-toggle:hover {
    color: #cc2222;
    background-color: #cc2222;
}

.navbar { background-color: rgba(255, 255, 255, .85);  }

#nav-header { display:none }


@media screen and (max-width: 767px) {

    #nav-header { display:inline-block; }

    #sponsor_header {
        display:block; font-weight:bold; font-size:24px; margin-top:20px; margin-bottom:10px; padding:10px; padding-top: 14px; background-color: #000000; border:1px #c1c1c1 solid; color: #ffffff; text-align: center;
    }

}

@media screen and (min-width: 500px) and (max-width: 767px) {

    .event_flag {
        background-color: purple;
        height:2px;
    }


    .event_sponsor_div {
        display:block;
        width:100%;
        margin-top: 20px;
        border: 000px purple solid;

    }
    .event_logo_div {
        display:block;
        width:100%;
        border: 000px purple solid;
    }

    .event_desc_div {
        display:block;
        width:100%;
        max-width: 100%;
        white-space: normal;

        margin:20px auto;
        border: 000px purple solid;
        padding: 10px;

        background-color: white; color:black
    }


}


@media screen and (max-width: 500px) {

    .event_flag {
        background-color: yellow;
        height:2px;
    }

    .event_sponsor_div {
        display:block;
        width:100%;
        margin-top: 20px;
        border: 000px yellow solid;

    }

    .event_logo_div {

        display:block;
        width:100%;
        border: 000px yellow solid;
    }

    .event_desc_div {
        display:block;
        width:100%;
        max-width: 100%;
        white-space: normal;

        margin:20px auto;
        border: 000px yellow solid;
        padding: 20px;
        background-color: white; color:black
    }

    .epage_header_divider {
        height: 0px;
    }

    .epage_header_section {
        padding-bottom:0px;
        display:inline-block;
        border: 0px orange solid;
        background-color: transparent;
        color:white;"
    }

    .side_margin { width: 2%; }

    .body_margin { width: 94% }

}



/* To stylize the header portion of the page */

.navbar-default .navbar-nav>li>a {
    /*color: white !important;*/
    /*font-weight: 300;*/
    color:white;
    font-weight: bold;
    font-family: 'Roboto', helvetica, sans-serif;
    font-size: 17px;
}

.navbar {
	background-color: #252525;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color: white;
}

.navbar-brand {
	color:white !important;
	font-weight: 300 !important;
}

/* DLB - commenting out.  I do not think I use it and it conflicts  12/07/2022
.nav li ul {
	background: #444444;
}

.dropdown-menu>li>a {
	color: white !important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #252525;
}

.epage_header_section {
	padding-bottom: 60px;
	display: inline-table;
	border: 0px orange solid;
	background-color: transparent;
	color: white;
	position: relative;
	margin: 0;
}

.event_header_container {
	border: 0px red solid;
	background-color-x: rgba(0, 0, 0, .4);
	margin: 0;
	padding: 0;
	position: relative;
}

.event_header_menu_container {
	border:000px yellow solid;
	background-color: transparent;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: white;
	background-color: #444444;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: white;
	background-color: #444444;
}

*/


/* -------- gpage styles ---------- */

.gpage-section-container {

}

.gpage-section {
	padding-top: 60px;
	padding-bottom: 60px;
	font-size: 17px !important;
	line-height: 1.7em;
	position: relative;
	overflow: hidden;
}

.gpage-section a {
	/*color: #387AB5;*/
    /*text-decoration: underline;*/
}

.gpage-color-overlay-dark {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0.8;
}

.gpage-color-overlay-light {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
	opacity: 0.8;
}



.gpage-section .grp_title {
	font-weight: 400;
	font-size: 40px;
	margin-top:10px;
	margin-bottom: 20px;
	padding-left: 14px;
	padding-right: 14px;
	text-align: center;
	line-height: 50px;
}

.gpage-column {
	margin-bottom: 15px;
}

.gpage-section .grp_title::after {
	content: "";
	position: absolute;
	left: 45%;
	width: 10%;
	height: 1px;
	bottom: 0;
	margin-bottom: -.5em;
	background: grey;
}

.gpage-image {
	width:100%;
	display: block;
	margin: 0 auto 30px auto;
}

.gpage-section:nth-of-type(even) {
	background-color: #f1f1f1;
}

.gpage-section ul {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 20px;
}

.bg-light-text, .bg-light-text .grp_title {
	color: white;
}

.gpage-about {

}

.gpage-whyjoin {

}

.gpage-coach {

}

.gpage-blocktext {

}

.gpage-social {

}



.gpage-full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	padding-top: 0px;
	padding-bottom: 40px;
}

.gpage-image-container {
	float:left;
	display:inline-block;
	padding:4px;
	margin-top:10px;
	margin-right:20px;
	width:40%;
	max-width:400px;
	min-width:300px;
}

.gpage-content-conteainer {
	float:left;
	display:inline-block;
	padding:4px;
	margin-top:10px;
	width:40%;
	max-width:600px;
	min-width:300px;
}

.gpage-footer {
	background: black;
	margin-top: 50px;
	color: white;
}

.gpage-prefooter {
	background: #636363;
	padding: 60px;
	color: white;
}

.gpage-postfooter {
	padding: 15px;
	text-align: center;
}



.gpage_menu_li {
    padding: 0px !important;
}


/* -------------- 2023 Style Renaming -----------------------
---------- Preventing Style Clashes with WP -------------- */

.nav>li>a {
	padding: inherit;
}

#rrepage_header_menu.navbar-default .navbar-nav>li>a {
	color:white;
	font-weight: normal;
	font-family: 'Roboto', helvetica, sans-serif;
	font-size: 18px;
	padding: 15px 15px;
	text-decoration: none !important;
}

.nav-link {
color: white;
}

.entry-content a {
	/*text-decoration: none !important;*/
	text-decoration: none ;
}

#rrepage_header_menu.navbar-default .navbar-nav>li.active>a,
#rrepage_header_menu.navbar-default .navbar-nav>li:hover>a,
#rrepage_header_menu.navbar-default .navbar-nav>li.open>a {
	color: white;
	background: inherit;
}

#rrepage_header_menu.navbar {
	background-color: #252525;
	border: none;
	margin-bottom: 0;
	border-radius: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	color: white;
	text-transform: none;
}

#rrepage_header_menu ul, #rrepage_header_menu ul li ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}

#rrepage_header_menu .nav li {
	padding: 0;
}

main section #rrepage_header_menu ul li {
	margin-left: 0px;
	margin-right: 0px;
}

#rrepage_header_menu .dropdown-menu>li>a {
	color: black;
	padding: 6px 15px;
	font-size: 16px;
}

#rrepage_header_menu .dropdown-menu>.active>a, #rrepage_header_menu .dropdown-menu>.active>a:focus, #rrepage_header_menu  .dropdown-menu>.active>a:hover, #rrepage_header_menu .dropdown-menu>li:hover>a {
	font-weight: bold;
	color: black;
	opacity: 1;
}

#rrepage_header_menu .navbar-brand {
	color:white !important;
	font-weight: 300 !important;
}

#rrepage_header_menu .dropdown-menu {
	border: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}

@media (max-width: 767px) {
	#rrepage_header_menu .nav li ul {
		visibility: visible;
		opacity: 1;
	}
	
	#rrepage_header_menu .dropdown-menu>li>a {
		color: white;
	}
	
	#rrepage_header_menu .dropdown-menu>.active>a, #rrepage_header_menu .dropdown-menu>.active>a:focus, #rrepage_header_menu  .dropdown-menu>.active>a:hover, #rrepage_header_menu .dropdown-menu>li:hover>a {
		color: white;
	}
}


/* --------------- asite styles --------------------*/



#asitehomehero {
position: relative;
}

#asitehomehero:before {
	content: "";
	background-color: black;
	position: absolute;
	display: block;
	opacity: .4;
	width: 100%;
	height: 100%;
	left: 0;
}

.asitemainbanner {
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
}

.asitemainbanner h1 {
	font-size: 54px;
	color: white;
}

.asitemainbanner h2 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 300;
}

.asitebtncontainer {
	margin-top: 20px;
}

.asitebutton {
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;
	font-weight: 500;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1em;
	background-color: #f7941f;
	color: white;
	border-radius: 6px;
	display: inline-block;
}

.shape-bottom {
	position: relative;
	bottom: -6px;
}

.shape-fill {
	fill: #E9AC3F;
	transform-origin: center;
	transform: rotateY(0deg);
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
}

/* ---- title in Event Page header ----- */

.headertitlewrap {
	text-align: left;
}

.headertitle {
	text-transform: capitalize;
	padding: 5px 10px;
	font-size: 13px;
	color: white;
	margin-right: 5px;
}

@media (max-width: 1199px) {
	.headertitlewrap {
		text-align: right;
	}
}

.registerbtn {
	background-color: white;
	color: black;
	border-radius: 4px;
	border: 2px solid black;
}