/*
 Theme Name:   CEMA 2020
 Theme URI:    http://example.com/flash-child/
 Description:  New site design for CEMA Online. 02-2020
 Author:       Markus Young
 Author URI:   http://planet4design.com
 Template:     flash
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light
 Text Domain:  cemachild
*/

/* Ask CEMA Styling */
.dwqa-question-item { border: none !important; padding: 15px 0 !important; }
.dwqa-question-title a { color: #018b96; font-weight: bold; font-size: 18px;  }
.dwqa-questions-list .dwqa-question-item .avatar { display: none; }
.dwqa-search label { color: #018b96; font-weight: bold; font-size: 18px; }
.single-dwqa-question .dwqa-question-item .avatar { display: none; }
.dwqa-question-content>.social-share-wrapper { display: none; }
.dwqa-question-vote { display: none; }
.dwqa-questions-list { border-bottom: 1px solid #a02124; }
.dwqa-votes-count { display: none !important; }
.dwqa-answers-count { border: none !important; background-color: #a02124; color: #fff; padding: 0 5px; }
.dwqa-views-count { border: none !important; background-color: #018b96; color: #fff; padding: 0 5px; }
.dwqa-questions-footer .dwqa-ask-question a { background-color: #018b96; color: #fff; font-size: 18px; font-weight: bold; border: 1px solid #018b96; border-radius: 5px; transition: 0.35s; }
.dwqa-questions-footer .dwqa-ask-question a:hover { background-color: rgba(0,0,0,0); color: #018b96; text-decoration: none; }
label[for=question-category] { display: none; }
select#question-category { display:none; }
label[for=question-tag], input[name=question-tag] { display:none; }
input[type=submit] { background-color: #018b96; color: #fff; font-size: 18px; font-weight: bold; border: 1px solid #018b96; border-radius: 5px; transition: 0.35s; }
input[type=submit]:hover { background-color: rgba(0,0,0,0); color: #018b96; text-decoration: none; }
.dwqa-content-edit-form input[type=text], .dwqa-content-edit-form input[type=email], .dwqa-content-edit-form select { background-color: rgba(0,140,152,.5); }
.dwqa-label { display:none; }
.single-dwqa-question .dwqa-question-item a { color: #018b96; font-weight: bold; }
hr { background-color: #a02124; margin: 3rem 0; }
.connects-desc { font-size: 16px; line-height: 28px; }
.border-rad-top-left { border-top-left-radius: 33px; }
.border-rad-top-right { border-top-right-radius: 33px; }
.border-rad-bottom-left { border-bottom-left-radius: 33px; }
.border-rad-bottom-right { border-bottom-right-radius: 33px; }
.nth-border-rad:nth-child(odd) { border-top-left-radius: 33px; border-bottom-left-radius: 33px; border-bottom-right-radius: 33px;}
.nth-border-rad:nth-child(even) { border-top-right-radius: 33px; border-bottom-left-radius: 33px; border-bottom-right-radius: 33px;}
.connects-small-text { font-size: 14px !important; }
.small-text { font-size: 12px !important; padding-top: 5px; }
.powered-by-logo { max-width: 40px; margin-left: 10px; }

/* Stripe Plugin Styling Updates */
.wp-asp-product-price, .wp-asp-product-name, .wp-asp-view-product-btn { font-family: 'Muli', sans-serif; }
.wp-asp-view-product-btn > a > button { background: #a02124; border: 1px solid #a02124; padding: 15px 35px; font-family: 'Muli', sans-serif; font-weight: bold; }
.wp-asp-view-product-btn > a > button:hover { background: rgba(0,0,0,0); color: #a02124; }
.asp_product_buy_btn.blue { background: #fff !important; border: 1px solid #a02124 !important; font-family: 'Muli', sans-serif !important; font-weight: bold !important; text-shadow: none !important; color: #fff !important; margin-bottom: 0 !important; box-shadow: 0 0 0 rgba(0,0,0,0) !important; }
.asp_product_buy_btn.blue:hover { background: #e0e0e0 !important; color: #a02124 !important; border: 1px solid #e0e0e0 !important; box-shadow: 0 3px 10px rgba(0,0,0,.25) !important; }
.asp_product_buy_btn.blue > span { padding: 0 30px; font-size: 18px;  }
.wp-asp-listing-search-field input { border-radius: 5px; }
.wp-asp-listing-search-field button { background: #a02124 !important; }
.wp-asp-grid button:hover { background: #018b96 !important; }
.asp_all_buttons_container { text-align: center; }
.asp_price_amount { display: none; }
button.btn-blue, button.btn-red, button.btn-green { margin-bottom: 0; padding: 10px 30px; }

/* Site Adjustments */
.header-top .tg-column-wrapper { padding: 5px 0; }
.header-top .right-content { display: none; }
#top-footer { padding: 80px; }
#bottom-footer { padding: 20px 80px; }
.header-bottom { background-color: #fff; position: sticky; box-shadow: 0 5px 10px rgba(0,0,0,0.25); }
#site-navigation ul.sub-menu li:hover { border-bottom: 1px solid #a02124; background-color: #018b96; padding-left: 25px; }
#site-navigation ul li a { font-weight: bold; padding: 5px 10px; }
#site-navigation ul li a:hover { background-color: #018b96; color: white; text-decoration: none; }
#site-navigation { margin-right: 1rem; }
#site-navigation ul.sub-menu a { line-height: 18px; padding: 5px 0; }
#site-navigation ul.sub-menu a:hover { background-color: rgba(0,0,0,0); color: white !important; border: none; }
#site-navigation ul li { padding: 30px 0; }
.custom-logo { width: 70%; }
.logo { width: 25%; margin-left: 1rem; }
.top-banner { margin: 5px 0; font-weight: bold; color: white; text-align: center; }
.join-renew-btn { background-color: #fff; color: #018b96; padding: 5px 15px; margin: 0 5px; }
.join-renew-btn:hover { background-color: #165e8e; color:white; text-decoration:none; }
.header-top { background-color: #a02124; }
.border-bottom { border-bottom: 2px solid #666; }
.tg-container { max-width: 100% !important; width: 100% !important; padding: 0!important; }
.CEMA-btn { color: #018b96; padding: 5px 25px; border-top: 3px solid #53ced8; border-right: 3px solid #e66262; border-bottom: 3px solid #51aae6; border-left: 3px solid #aece36; text-decoration: none !important; transition: 0.35s; }
.CEMA-btn:hover { box-shadow: 0 3px 5px rgba(0,0,0,0.25); border: 3px solid #999; }
.dmo-arch-snippet { font-size: 12px; line-height: 16px; }
.header-bottom { z-index: 10; }
#site-navigation ul.sub-menu li:hover > a { color: white; }
#mom img { transition: 0.5s; }
#mom img:hover { background-color: teal; box-shadow: 0 5px 10px #666; opacity: 0.75; }
#cema-blog img { transition: 0.5s; }
#cema-blog img:hover { box-shadow: 0 5px 10px #666; opacity: 0.75; }
#main div.social-share-wrapper { display: none; }
a img { margin: 0; padding: 0;}
.top-card-footer { position: absolute; bottom: 0; width: 100%; }
.cust-mb-5 { margin-bottom: 50px; }
#contact-form>.social-share-wrapper { display: none; }
.nf-form-fields-required { display: none; }
.box-shadow-10 { box-shadow: 0 5px 10px rgba(0,0,0,0.35); -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.35); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.35); -o-box-shadow: 0 5px 10px rgba(0,0,0,0.35); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.35); }
#top-footer { padding: 80px 80px 25px 80px; }
.switch-bg>.switch-color:nth-child(even) {background-color: #e0e0e0;}
.lod-link:hover { text-decoration: none; }
.clickme { font-size: 12px !important; }
.connects-events-list { list-style-type: none;}

.gold-title { color: white; text-shadow: 0 0 5px brown; font-weight: bold; background-color: gold; padding: 0 5px; text-align: center; }
.gold-title-2 { color: white; text-shadow: 0 0 5px brown; font-weight: bold; background-color: gold; padding: 5px; text-align: center; width: 50%;  position: absolute; top: 85%; right: 25%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.plat-title { color: white; text-shadow: 0 0 5px rgba(0,0,0,0.5); font-weight: bold; background-color: #ebebeb; padding: 0 5px; text-align: center; }
.diam-title {  color: white; text-shadow: 0 0 5px #48465d; font-weight: bold; background-color: #d5e8fb; padding: 0 5px; text-align: center; }
.spons-title { color: white; text-shadow: 0 0 5px #53ced8; font-weight: bold; background-color: #008c98; padding: 0 5px; text-align: center; }
.ind-hero { color: white; text-shadow: 0 0 5px #333; font-weight: bold; background-color: #a02124; padding: 0 5px; text-align: center; }
.ind-champ { color: white; text-shadow: 0 0 5px #333; font-weight: bold; background-color: #a02124; padding: 5px; text-align: center; width: 75%;  position: absolute; top: 85%; right: 13%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.gold-text { color: gold; text-shadow: 0 1px 2px #333; }
.plat-text { color: #ebebeb; text-shadow: 0 1px 2px #333; }
.diam-text { color: #d5e8fb; text-shadow: 0 1px 2px #333; }
.spons-text { color: #008c98; text-shadow: 0 1px 2px #333; }
.center-text { position: absolute; top: 40%; right: 5%; }
.text-shadow { text-shadow: 0 3px 5px rgba(0,0,0,0.25); }
.fixed-150 { position: fixed; top: 13%; }
.member-sticky { z-index: 1; }
.cema-connects-modal .modal-dialog { max-width: 800px; }
.cema-connects-modal .modal-content { background-color: transparent !important; }
.cema-connects-modal .modal-header { background-color: #4e2f8c; border-top-right-radius: 33px; }
.cema-connects-modal .modal-header h3 { color: #fff !important; }
.cema-connects-modal .modal-header .close { margin: -0.5rem -1rem -1rem auto !important; }
.cema-connects-modal .modal-body { background: #fff !important; border-bottom-left-radius: 33px; border-bottom-right-radius: 33px;}
.cema-connects-modal .modal-xl { max-width: 1280px !important; }

/* Image Modifications */
.dmo-arch-logo { width: 100%; height: 200px; object-fit: contain; }
.img-btn { transition: 0.35s; }
.img-btn:hover { box-shadow: 0 5px 10px #666; }
.obfit-image-350 { object-fit: cover; width: 100%; height: 350px; }
.obfit-image-300 { object-fit: cover; width: 100%; height: 300px; }
.obfit-image-250 { object-fit: cover; width: 100%; height: 250px; }
.obfit-image-200 { object-fit: cover; width: 100%; height: 200px; }
.obfit-cont-image-350 { object-fit: contain; width: 100%; height: 350px; }
.obfit-cont-image-300 { object-fit: contain; width: 100%; height: 300px; }
.obfit-cont-image-250 { object-fit: contain; width: 100%; height: 250px; }
.obfit-cont-image-200 { object-fit: contain; width: 100%; height: 200px; }
.cat-blog-images { object-fit: cover; width: 100%; height: 200px; }
.cat-lod-images { object-fit: cover; width: 100%; height: 350px; }
.obpos-image-top { object-position: top; }
.obpos-image-bottom { object-position: bottom; }
.obpos-image-left { object-position: left; }
.obpos-image-right { object-position: right; }
.obpos-image-center { object-position: center; }
.bg-LOD { background-position: center; background-size: contain; background-repeat: no-repeat; background-color: #fff; }
.blog-header-images { object-fit: cover; width: 100%; height: 400px; }
.header-images { object-fit: cover; object-position: 50% 10%; width: 100%; height: 300px; }
.dest-loc-images { object-fit: cover; width: 100%; height: 250px;}
.member-img { width: 100%; height: 250px; object-fit: cover; }
.latest-images { width: 100%; height: 350px; object-fit: cover; object-position: top; }
.banner-carousel-images { width: 100%; height: 400px; object-fit: cover; }
.banner-carousel-images-contain { width: 100%; height: 400px; object-fit: contain; }
.gallery-img { object-fit: cover; width: 100%; height: 300px; }
.gallery-img:hover { opacity: 0.75; border: 5px solid #fff; }
table { border-color: #a02124; }
tr:nth-child(even) { background-color: #ebebeb; }
tr { border-bottom: 1px solid #a02124 !important; }
.hidden { display:none; }
.book-img { width: 100%; height: auto; object-fit: contain; object-position: 0 15%; }
a img:hover { border: none; }
.event-highlights-img { transition: 0.35s ease; object-fit: cover; object-position: center; height: 250px; width: 100%;}
.event-highlights-img:hover { opacity: 0.7; box-shadow: 0 0 5px black; }
.dmo-bg-img {  background-repeat: no-repeat; background-size: 100%; background-position: 0 36%; background-attachment: fixed; }
.no-hover { border: none !important; }


/*Color*/
.bg-lightgrey { background-color: #e0e0e0; }
.bg-silver { background-image: linear-gradient(to bottom right, #999, #e0e0e0, #e0e0e0, #999);}
.bg-gold { background-image: linear-gradient(to bottom right, goldenrod, gold, gold, goldenrod); }
.bg-ind-champ { background-color: #a02124; }
.text-teal { color: #018b96; }
.text-red { color: #a02124; }
.text-blue { color: #165e8e; }
.text-green { color: #728c20; }
.text-grey { color: #666; }
.text-lightgrey { color: #999; }
.text-black {color: #000;}
.border-teal { border-color: #018b96 !important; }
.border-red { border-color: #a02124 !important; }
.border-blue { border-color: #165e8e !important; }
.border-green { border-color: #728c20 !important; }
.border-gold { border-color: gold !important; }
.border-lightgrey { border-color: #e0e0e0; }
.bg-teal { background-color: #018b96 !important; }
/**.bg-trans-teal {background-color: rgba(0,140,152,.5) !important; }**/

.bg-lightteal { background-color: #53ced8 !important; }
.bg-red { background-color: #a02124 !important; }
.bg-blue { background-color: #165e8e !important; }
.bg-green { background-color: #728c20 !important; }
.bg-black { background-color: #000 !important; }
.btn-teal { background-color: #018b96 !important; color: white !important; font-size: 18px; border: 1px solid #018b96 !important; transition: 0.35s; }
.btn-teal:hover { color: #018b96 !important; background-color: #80c5ca !important; }
.btn-red { background-color: #a02124 !important; color: white !important; font-size: 18px; border: 1px solid #a02124 !important; transition: 0.35s; }
.btn-red:hover { color: #a02124 !important; background-color: #cf9091 !important; }
.btn-blue { background-color: #165e8e !important; color: white !important; font-size: 18px; border: 1px solid #165e8e !important; transition: 0.35s; }
.btn-blue:hover { color: #165e8e !important; background-color: #8aaec6 !important; }
.btn-green { background-color: #728c20 !important; color: white !important; font-size: 18px; border: 1px solid #728c20 !important; transition: 0.35s; }
.btn-green:hover { color: #728c20 !important; background-color: #b8c58f !important; }
.btn-grey { background-color: #666 !important; color: white !important; font-size: 18px; border: 1px solid #666 !important; transition: 0.35s; }
.btn-grey:hover { color: #666 !important; background-color: rgba(0,0,0,0.2) !important; }
.bg-black-50 { background-color: rgba(0,0,0,0.5) !important; }
.text-shadow-teal { text-shadow: 0 1px 3px #018b96; }
.bg-plat-text { background-image: linear-gradient(to bottom right, #e0e0e0, #999, #999, #e0e0e0 ); }
.nth-grey:nth-child(even) { background: #e0e0e0; }
.connects-text-teal { color: #48bbc6; }
.connects-text-green { color: #aeca3d; }
.connects-text-pink { color: #ed3a73; }
.connects-text-purple { color: #4e2f8c; }
.connects-bg-teal { background: #48bbc6; }
.connects-bg-green { background: #aeca3d; }
.connects-bg-pink { background: #ed3a73; }
.connects-bg-purple { background: #4e2f8c; }
.connects-btn { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; border: none; padding: 5px 25px; font-weight: bold; font-size: 18px; text-decoration: none !important; }
.connects-btn-teal { background: #48bbc6; color: #fff; transition: 0.35s ease; }
.connects-btn-teal:hover { border: 1px solid #48bbc6; color:#48bbc6; background: transparent; }
.connects-btn-pink { background: #ed3a73; color: #fff; transition: 0.35s ease; }
.connects-btn-pink:hover { border: 1px solid #ed3a73; color:#ed3a73; background: transparent; }
.connects-btn-green { background: #aeca3d; color: #fff; transition: 0.35s ease; }
.connects-btn-green:hover { border: 1px solid #aeca3d; color:#aeca3d; background: transparent; }
.connects-modal-text p { font-size: 24px; color: #666; line-height: 42px;}
.connects-after-img { width: 15%; height: 100px; float: left; object-fit: cover; object-position: center; margin-right: 10px; }
.summit-22-pink-btn { background: rgb(238,7,242); color: #fff !important; padding: 5px 25px !important; border: none; border-radius: 33px; transition: 0.35s ease; }
.summit-22-pink-btn:hover { background: rgb(5,242,242); color: #000 !important;}
.summit-22-teal-btn { background: rgb(5,242,242); color: rgb(238,7,242) !important; padding: 5px 25px !important; border: none; border-radius: 33px; transition: 0.35s ease; }
.summit-22-teal-btn:hover { background: rgb(238,7,242); color: #000 !important;}

/* Sizing */
.width-full { width: 100%; height: auto; }
.w-50 { width: 50%; height: auto; }
.w-25 { width: 25%; height: auto; }
.w-10 { width: 10%; height: auto; }
.vh-100 { height: 25vh; transition: 0.35s ease; }
.vh-85 { height: 85vh; transition: 0.35s ease; }
.vh-80 { height: 80vh; transition: 0.35s ease; }
.vh-75 { height: 75vh; transition: 0.35s ease; }
.vh-50 { height: 50vh; transition: 0.35s ease; }
.video-iframe > iframe { width: 100%; height: 200px; }
.webinar-iframe > iframe { width: 100%; height: 50vh; }
.event-highlights-iframe > iframe { width: 100%; height: 75vh; }
.lod-iframe > iframe { width: 100%; height: 80vh; }
.dmo-video-iframe > iframe { width: 100%; height: 500px; }
.min-height { min-height: 37vh; }
.no-pad { padding-left: 0 !important; padding-right: 0 !important; }

/* Spacing */
.even-bottom { position: absolute; bottom:0; }
.even-bottom::before { margin-top: 50px; }
.clear-fix { clear: both; }

/* Typography */
h1, h2, h3, h4, h5, h6 { letter-spacing: 1px !important; font-family: 'Muli', sans-serif !important; }
#main-body a { color: #018b96; font-weight: bold !important; text-decoration:none; border: 1px solid rgba(0,0,0,0); transition: 0.35s; padding: 3px; }
#main-body a:hover { color: #a02124; border-bottom: 1px solid #a02124; text-decoration: none; }
#main-body p { font-size: 16px; line-height: 24px; padding: 0 0 5px 0; margin-bottom: 10px; }
#main-body ol ul { padding: 2rem 0; }
#main-body li { font-size: 16px; line-height: 24px; margin: 0 0 5px 0;}
p { margin: 0 0 10px 0 ; }
h3 { margin-bottom: 15px; }
h4 { margin-bottom: 15px; }
.text-18 { font-size: 18px !important; line-height: 32px !important; }
.l-side-text { transform: rotate(-90deg); -ms-transform: rotate(-90deg); position: absolute; top: 150px; }
.centered-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.eh-centered-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); }
.bottom-left-text { position: absolute; bottom: 25px; left: 40px; }
.bottom-carousel-text { position: absolute; top: 65%; left: 50%; transform: translate(-50%, -50%); width: 80% !important; }
.hero-text { font-size: 60px; }
.text-shadow { text-shadow: 0 3px 5px rgba(0,0,0,0.5); }
.text-shadow-teal { background-color: #018b96; padding: 10px; height: 10%; width: 18%; }
.text-shadow-dark { text-shadow: 0 3px 5px #000; }
.carousel-text { font-size: 5rem; }
.nav-link.active { background-color: #018b96 !important; }
.text-upper { text-transform: uppercase; }
.carousel-control-next-icon { background-size: 50%; }
.carousel-control-prev-icon { background-size: 50%; }
.connects-small-text { padding-bottom: 0 !important; margin-bottom: 0 !important; font-weight: bold; }

/* Modal Adjustments */
.close { font-size: 3rem; color: white; }
.modal-header { background-color: #165e8e; }
.modal-content { border: none !important; border-radius: 0; }
.modal-header { border-radius: 0; }
/* End Site Adjustments */
.custom-next, .custom-prev { background-color: rgba(0,0,0,0.25); width: 3rem; top: 30%; bottom: 30%; border-radius: 5px; }

/* Mobile Adjustments */
.hide { display: none; }
.view-mobile { display: none; }
@media screen and (min-width: 1910px) {
	.banner-carousel-images { height: 500px; }
	.banner-carousel-images-contain { height: 500px; }
}
@media screen and (max-width: 1440px) {
	.member-img { height: 200px; object-position: 50% 10%; }
}
@media screen and (max-width: 1280px) {
    .logo { width: 15%; height: auto; }
    .custom-logo { width: 100%; }
	.dmo-bg-img { background-size: 130% !important; background-position: 50% 55%;}
}
@media screen and (max-width: 1080px) {
    div.bottom-carousel-text > h4 { font-size: 16px; }
	.hero-text { font-size: 3rem; }
	.custom-logo { width: 100%; }
	.logo { width: 70%; margin-left: 0; }
	.ewd-slider-section { display: none; }
	.l-side-text { transform: rotate(0deg); -ms-transform: rotate(0deg); }
	.view-desktop { display: none; }
	.view-mobile { display: block; }
	.dest-loc-images { height: 150px; }
	#main-newsletter img { width: 100%; height: auto; }
	.bottom-carousel-text { top: 60%; width: 100%; }
	.carousel-text { font-size: 3rem; }
	.carousel-text { width: 100%; }
	.top-card-footer { position: relative; }
	.obpos-image-top { object-position: top;}
	.obpos-image-center { object-position: center;}
	#site-navigation { margin-right: 20px; }
	#bottom-footer { padding: 20px; }
	.obfit-image-250 { object-fit: cover; width: 100%; height: 200px; }
	.webinar-iframe > iframe { height: 250px; }
    .lod-iframe > iframe { height: 250px; }
	.gallery-img { height: 150px; }
    .center-text { top: 20%; }
	.bg-LOD { background-position: top; }
	.w-10 { width: 30% !important; }
	.dmo-bg-img { background-size: 300% !important; background-position: 50% 40%; }
}
/* End Mobile Adjustments */

/* Scroll Bar Adjustments */
/* width */
::-webkit-scrollbar { width: 15px; }

/* Track */
::-webkit-scrollbar-track { background: #f1f1f1; box-shadow: inset 0 0 5px grey;  }
 
/* Handle */
::-webkit-scrollbar-thumb { background: #018b96; box-shadow: inset 0 0 5px black; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: #a02124; box-shadow: 0 0 5px grey; }