/*
Theme Name: MDA
Theme URI: https://www.uniquelogodesigns.com/
Author: ULD
Author URI: https://www.uniquelogodesigns.com/
Description: WooCommerce Theme
Version: 1.0.0
*/
/*@import url("../fonts/fonts.css");*/
@font-face {
font-family: Arialrounded;
src: url('../../../wp-content/themes/mda/fonts/Arialrounded.ttf');
}
*{ margin: 0; padding: 0; }
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
fieldset, img{ border: 0; }
address, caption, cite, code, dfn, em, strong, th, var{ font-style: normal; font-weight: normal; }
ol, ul, li{ list-style: none; display:inline; }
caption, th{ text-align: left; }
q:before, q:after{ content: ""; }
abbr, acronym{ border: 0; }
article, aside, figure, footer, header, nav, section{ display:block; }
a:hover, a:active, a:focus{ color:#aeaeae; text-decoration:none; }
img, a{ margin:0; padding:0; outline:none !important; max-width: 100%; height: auto; }
img:hover{ /*opacity: 0.7;*/ }
.img_holder{ height:auto; width:100%; border-radius: 0; overflow: hidden; }
.no_pad{ padding-left: 0; padding-right: 0; }
*:focus{ outline: none; }
.page_wrap{ width:90%; margin:0 auto; }
.sec{ width:100%; padding:70px 0; }
.owl-carousel{ direction: ltr; }
li:last-child{margin-bottom: 0;}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */ color: #767676; }
::-moz-placeholder{ /* Firefox 19+ */ color: #767676; opacity: 1; }
:-moz-placeholder{ /* Firefox 18- */ color: #767676; opacity: 1; }
:-ms-input-placeholder{ /* IE 10+ */ color: #767676; }
/* For Bootstrap */
.nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}
.navbar{border-radius:0; margin:0; border:0; background-color: transparent; z-index: 3;}
.navbar .navbar-nav ul.dropdown-menu li a{color: #fff; padding: 5px 20px; background-color: #333;}
.navbar-nav>li>.dropdown-menu{background-color: #333;}
.navbar-toggle{background-color: #ccc;}
.navbar .navbar-nav li.active a{color: #7aac3d; background-color: transparent;}
.navbar .navbar-header .icon-bar{background-color: #fff;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #7aac3d; background-color: transparent;}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a span{color: #fff;}
/* END - For Bootstrap */
body{ font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; line-height:normal; font-family: 'Montserrat', sans-serif; color: #333;
background-color: #FFF; /* background: #FFF url("../images/bg.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/}
h1{ font-size:32px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
h2{ font-size:30px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
h3{ font-size:24px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
h4{ font-size:18px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
h5{ font-size:16px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
h6{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
p{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
span{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
li{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; }
a{ font-size:14px; font-weight:normal; line-height:normal; font-style:normal; font-variant:normal; font-family: "Poppins", serif; color: #333; text-decoration:none; transition:all 1s ease 0s; cursor: pointer; }
.btn1{border: none; background: none; background-image: none; text-align: center; border-radius: 5px; padding: 10px 30px; color: #fff; background-color: #13171f; transition: all 1s ease 0s; display: inline-block;}
.btn1:hover{color: #fff; background-color: #00c3d0;}
div.center{text-align: center;}
/*Goto TOP*/
.go_to_top{position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:9; background-color:#837e7e; color:#FFF; width:50px; line-height:50px; right:30px; bottom:30px; border-radius:7px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; cursor:pointer;}
.go_to_top.show{visibility:visible; opacity:0.5;}
.go_to_top:hover{opacity:1; color:#FFF;}
.go_to_top i.fa{line-height:inherit;}
/*contact form css*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{margin-bottom: 0px !important;}
.wpb_gmaps_widget .wpb_wrapper{padding:0 !important;}
.contact-from .wpcf7-form span{margin-bottom: 0px !important;}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, span.wpcf7-not-valid-tip{display:none !important;}
.wpcf7-not-valid{border-color:red !important;}
div.wpcf7-validation-errors{border:0 !important;}
div.wpcf7-mail-sent-ok{border:0 !important;}
/*Search Overlay Css*/
.mk-search-trigger { display: inline-table; font-size: 24px; color: #e1e1e1; }
.mk-search-trigger:hover{background: #111;border-color:#111;color:#fff;}
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: #ce000c; border: 0; right: 0; top: 0; color: #fff; }
#searchform { position: relative; verticle-align: middle; }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #searchform input[type="text"] { width: 800px; background-color: transparent; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); box-shadow: 0 3px 0 0 rgba(255, 255, 255, 1); border: 0; text-align: center; font-size: 35px; color: #fff; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; }
.mk-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; }
.mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.mk-fullscreen-search-overlay { z-index: 999999;}
.mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { color: #fff; }
.mk-fullscreen-search-overlay .mk-fullscreen-close { position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; transform: rotate(0deg); }
.mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; width: 100%; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; }
.mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper form label{display:none;}
.mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out }
#mk-search-overlay .searchform { left: 0; position: absolute; right: 0; top: 120px; }
#mk-search-overlay input[type="text"] { background: transparent none repeat scroll 0 0; border-color: grey; border-width: 0 0 1px; color: #fff; min-height: 60px; width: 70%; border-bottom: 1px solid; }
#searchform > input[type="submit"] { background: #838383 none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #fff; font-size: 14px; padding: 10px 20px; vertical-align: bottom; transition: 0.35s; }
#mk-search-overlay #searchform input[type="text"] { bottom: 0; clip: auto; left: auto; top: auto; }
#mk-search-overlay .searchform::before { display: none; }
/*Search overlay End*/
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{border: 2px solid transparent !important; color:#fff;}
/*Dropdown Css*/
/*.dropdown:hover > .dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }*/
/*./Dropdown Css*/
/*.sticky{z-index: 1000; position: fixed; top: 0; background: #fff; border-bottom: 1px solid #efefef; }*/
/*Woo-commerece Pages Setting css start*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.u-columns{/*padding:70px 0px;*/}
.woocommerce form .form-row label{color:#000; text-transform: capitalize;}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{padding: 10px; border: 1px solid #cb9e44;}
.login input{padding: 5px; border: 1px solid #ccc;}
.login .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;}
.login .button:hover{background-color: #000 !important; color: #fff !important; }
.woocommerce form .form-row label.inline{display: block; padding: 10px 0px;}
.woocommerce form .form-row label.inline span{font-size: 14px; font-weight: bold;}
.register label{ }
.register input{padding: 5px; border: 1px solid #ccc;}
.register .button{background-color: #f05d6c !important; color: #fff !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 10px 30px !important;}
.register .button:hover{background-color: #000 !important; color: #fff !important; }
#yith-wcwl-form{padding:70px 0px;}
.checkout{/*padding-top: 70px;*/}
.woocommerce-MyAccount-navigation{/*padding:70px 0px;*/}
.woocommerce-MyAccount-content{/*padding:70px 0px;*/}
.woocommerce-cart-form{/*padding-top:70px;*/}
.cart-collaterals{/*padding-bottom:50px;*/}
.wsmsb_title{color:#000; padding-bottom: 30px;}
.woocommerce div.product .woocommerce-product-rating{margin-bottom: 0; width: 70%; float: right; margin: 12px 0px;}
.product-page .star-rating{display:none !important;}
.checkout_coupon .button{background-color: #cb9e44 !important; color: #fff !important;}
.woocommerce-error{display:none;}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{padding:0px 15px;}
/*.select2-results{overflow-y: scroll;}
.select2-results__option[aria-selected], .select2-results__option[data-selected]{display:block;}*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{/*height:320px;*/}
.woocommerce form.register .woocommerce-privacy-policy-text p{padding: 30px 0px;}
#customer_login{}
#customer_login h2{text-transform: uppercase; font-weight: bold;}
.yith-wcwl-add-to-wishlist .show a{font-weight: bold; color: #cb9e44;}
.related{float: left; padding: 30px 0px; text-align: center;}
.related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;}
.related h2 span{font-size:28px; }
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{border: 0; width: 100%; font-weight:bold;}
.related .add_to_cart_button{background: transparent !important; text-decoration: underline !important; text-transform: capitalize;}
.cart-empty{/*padding: 70px 0px 0px 0px;*/ text-align: center; font-size: 16px; text-transform: capitalize; font-weight: bold;}
.return-to-shop{padding: 30px 0px 0px 0px; text-align: center;}
.return-to-shop a{background-color: #cb9e44 !important; color: #fff !important; border-radius: 0 !important;}
.woocommerce .cart .button, .woocommerce .cart input.button{background-color: #cb9e44 !important; color: #000 !important; }
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color: #cb9e44 !important; color:#000 !important;}
.woocommerce .quantity, .woocommerce-page .quantity{width: 100%;}
.product-detail{padding: 70px 0px;}
.woocommerce .woocommerce-breadcrumb{display:none;}
.product-detail .product_title{ text-transform: uppercase;}
.product-detail .price{padding:10px 0px;}
.product-detail .price .amount{font-weight: bold; color: #cb9e44; font-size: 24px;}
.product-detail .price .woocommerce-Price-currencySymbol{font-weight: bold; color: #cb9e44; font-size: 24px; }
.product-detail .posted_in{display:none;}
.woocommerce div.product form.cart div.quantity{width: 100%;}
.entry-summary .cart{}
.entry-summary .cart h2{font-size: 18px; font-weight: bold; color: #252525; text-transform: uppercase; padding-bottom: 20px;}
.entry-summary .cart .quantity{float:none !important; margin-bottom: 30px !important;}
.entry-summary .cart .quantity input{border: 1px solid #cb9e44; color: #000; height: 30px;}
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover{background-color: #cb9e44; color: #fff;}
.entry-summary .cart button{background-color: #cb9e44 !important; text-transform: uppercase; border-radius: 0; padding: 15px;}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty{width: 4.1em !important; left: 30px; position: relative; background-color: #cb9e44;}
.woocommerce .quantity .minus, .woocommerce-page .quantity .minus{position: absolute; left: 0px; top: 0px; height: 29px; background: transparent; width: 31px;}
.woocommerce .quantity .plus, .woocommerce-page .quantity .plus{position: absolute; width: 31px; height: 29px; background: transparent; left: 87px !important; border-bottom: 1px solid #e1e1e1;}
.entry-summary .yith-wcwl-add-to-wishlist{margin-top: 10px; float: left; top: -163px; position: relative; left: 148px;}
.entry-summary .yith-wcwl-add-button a:before{content: "\f08a"; font-family: fontawesome; padding-right: 10px;}
.entry-summary .yith-wcwl-add-button a{border: 1px solid #000; border-radius: 0; padding: 11px; font-weight: bold; text-transform:uppercase;}
.entry-summary .yith-wcwl-add-button a:hover{background-color: #cb9e44; color: #fff; border: 1px solid #cb9e44;}
.woocommerce-product-details__short-description{padding:30px 0px;}
.woocommerce-product-details__short-description p{line-height:25px; font-size: 16px; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs{display: block; float: left; width: 20%; vertical-align: middle; margin:0;}
.woocommerce div.product .woocommerce-tabs .panel{margin: 0 0 2em; width: 78%; float: right; border: 1px solid #cb9e44; border-radius: 0; padding: 10px 30px;}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:block !important; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; background-color: transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display: block; font-weight: 600; text-decoration: none; color: #000 !important; padding: 10px 30px; text-align: left; font-size: 16px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before{display:none; left: -6px; border-bottom-right-radius: 0 !important; border-width: 0 !important; -webkit-box-shadow: none; box-shadow: none;}
.woocommerce-Tabs-panel .yikes-custom-woo-tab-title{display:none; font-size:18px; color:#cb9e44; padding-bottom: 20px;}
.woocommerce-Tabs-panel p{font-size: 15px; line-height: 20px; padding-bottom: 20px;}
.woocommerce-Reviews .comments{}
.woocommerce #reviews #comments h2{font-size:18px !important; color:#7aac3d !important; padding-bottom: 20px;}
.woocommerce #review_form #respond .form-submit input{left: auto; background-color: #7aac3d; color: #fff; text-transform: uppercase;}
.select2-container--default .select2-results>.select2-results__options{display:grid !important;}
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu { display: block;}
.dropdown-submenu { position: relative;}
.dropdown-submenu>.dropdown-menu {top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
/*./Dropdown Css*/
/*Wocommerece Admin bar Start*/
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background-color: #cb9e44 !important; color: #000 !important; text-transform: uppercase; border-radius: 0 !important; padding: 15px 30px !important; font-weight: 600 !important;}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{background-color: #000 !important; color: #fff !important;}
.woocommerce .myAccountHeading{padding: 30px 0px; margin: 0; text-transform: uppercase; text-align: center; font-weight: 500; color: #cb9e44;}
.woocommerce-MyAccount-content{padding-bottom:15px;}
.woocommerce-MyAccount-content strong{color: #cb9e44; text-transform: capitalize;}
.woocommerce-MyAccount-content p a{color: #cb9e44; text-transform: capitalize;}
.woocommerce-MyAccount-content .woocommerce-Input{padding: 5px;}
.woocommerce-MyAccount-content .button{background-color: #e54408; padding: 10px; text-transform: uppercase;}
.woocommerce-MyAccount-content .button:hover{background-color: #14106e;}
.woocommerce-MyAccount-content fieldset{padding: 0; background: transparent;}
.woocommerce-MyAccount-content fieldset legend{background: transparent; color: #cb9e44;}
.woocommerce-MyAccount-content .woocommerce-info{background-color: #ddd; color: #000;}
.woocommerce-MyAccount-content .sliced-client-snapshot{text-align:right;}
.woocommerce-MyAccount-content .sliced-address{background-color: #ddd; padding: 7px !important;}
.woocommerce-MyAccount-content .woocommerce-address-fields input{padding:5px;}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection{border: 0; background-color: #f2f2f2; border-radius: 0;}
.woocommerce-MyAccount-content .woocommerce-address-fields .select2-selection .select2-selection__rendered{color:#000;}
.woocommerce-MyAccount-content .acc-quote{padding: 50px 30px; background-color: #eeecec; margin: 30px 0px; text-align:center;}
.woocommerce-MyAccount-content .acc-quote p{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold;}
.woocommerce-MyAccount-content .acc-quote span{background-color: transparent; border: 0; color: #e34308; font-weight: 500; font-weight: bold; font-size: 13px;}
.woocommerce-MyAccount-content .acc-quote:hover{background-color:#e34308;-webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;}
.woocommerce-MyAccount-content .acc-quote:hover p{color:#fff;}
.woocommerce-MyAccount-content .acc-quote:hover span{color:#fff;}
.woocommerce-MyAccount-navigation{/*margin-bottom: 90px !important;*/ text-align: left; border: 1px solid #ddd; /*margin-top: 70px;*/}
.woocommerce-MyAccount-navigation ul li{display:block;}
.woocommerce-MyAccount-navigation ul li a{padding: 20px 15px !important;}
.woocommerce-MyAccount-navigation ul li a, .lost_password a{padding: 15px 10px; color: #000; display:block; font-size: 16px;}
.woocommerce-MyAccount-navigation ul li a:hover{background:#cb9e44;color:#fff; -webkit-transition: background-color 1s ease-out; -moz-transition: background-color 1s ease-out; -o-transition: background-color 1s ease-out; transition: background-color 1s ease-out;}
.woocommerce-MyAccount-navigation ul li.is-active a{background:#cb9e44;color:#fff;}
.woocomerce-form.woocommerce-form-login.login, .register{border: 1px solid #ececec;padding: 20px;min-height: 360px;}
.woocommerce-MyAccount-navigation ul li a:before{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; content: "\f0f6"; line-height: 1.618; margin-left: 0.5407911001em; width: 1.41575em; text-align: right; float: right; opacity: .25;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before{content: "\f0e4";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before{content: "\f291";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before{content: "\f019";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before{content: "\f015";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before{content: "\f007";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before{content: "\f08b";}
/*Wocommerece Admin bar End*/
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering{padding-bottom:20px;}
.woocommerce .woocommerce-result-count{font-size: 16px; text-transform: capitalize; width: 100%; background-color: #000; padding: 20px; color: #fff; margin-bottom: 50px;}
.woocommerce .woocommerce-ordering{position: absolute; right: 22px; padding: 0; margin: 0; top: 79px;}
.container .woocommerce {padding:70px 0px; position: relative; display: inline-block;}
.woocommerce .woocommerce-ordering select{padding: 10px 15px; border: 1px solid #cb9e44;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center;}
.woocommerce div.product div.summary{/*top: 120px; position: relative;*/}
.woocommerce div.product div.summary .single-pro-title{}
.woocommerce div.product div.summary .single-pro-title h3{}
.woocommerce div.product div.summary .single-pro-title h3 a{font-size: 25px; color: #000;}
.woocommerce div.product div.summary .single-pro-title h3 a:hover{color: #7cfc00;}
.woocommerce-checkout #payment ul.payment_methods li{display: block;}
.woocommerce-MyAccount-navigation-link--downloads{display: none !important;}
.woocommerce-page div.product .woocommerce-tabs .woocommerce-Tabs-panel h2{font-size: 18px; font-weight: bold; padding-bottom: 20px;}
/*Woo-commerece Pages Setting css End*/
/*Single Product Page Start*/
.woocommerce-page .single-title{position:relative; padding: 0;}
.woocommerce-page .single-title h3{position: absolute; left: 585px; top: 0;}
.woocommerce-page .single-title h3 a{font-size: 32px;}
.woocommerce-page .product{}
.woocommerce-page .product .price{margin: 20px 0px;}
.woocommerce-page .product .price span{font-size: 30px; color: #cb9e44; font-weight: 600;}
.woocommerce button.button.alt{padding: 16px 26px !important; background-color: #cb9e44 !important; color: #000 !important; font-weight: 500 !important;}
.woocommerce button.button.alt:hover{background-color:#000 !important; color: #fff !important;}
.entry-summary .yith-wcwl-add-button a{border: 1px solid #2d2e2e; border-radius: 0; font-weight: bold; text-transform: uppercase; padding: 12px 27px !important; color: #2d2e2e !important;}
.entry-summary .yith-wcwl-add-button a:hover{border: 1px solid #cd2027; color: #fff !important; background-color: #cd2027 !important;}
.woocommerce .posted_in{display:none;}
.woocommerce-tabs{}
.woocommerce div.product .woocommerce-tabs ul.tabs{width: 100%; margin-top: 50px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{box-shadow: none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{display: inline-block !important; border: 0; width: auto; border: 1px solid #cb9e44; margin: 0;}
.woocommerce div.product .woocommerce-tabs .panel{width: 100%; padding: 50px 30px;}
.woocommerce div.product .woocommerce-tabs .panel ul{}
.woocommerce div.product .woocommerce-tabs .panel ul li{display: block; padding: 5px 0px;}
.woocommerce div.product .woocommerce-tabs .panel ul li:before{content: "\f105"; font-family: "fontawesome"; padding-right: 10px; color: #cd2027;}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:50%; margin: 0;}
.related{float: left; padding: 0; text-align: center; width: 100%;}
.related h2{text-transform: uppercase; border-top: 1px solid #000; border-bottom: 1px solid #000; width: 39%; margin: 50px auto;}
.related h2 span{font-size:28px; }
.woocommerce div.product p.price{margin: 0; padding: 0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: #cb9e44; z-index: 2; border-bottom-color: #cb9e44;}
.woocommerce ul.products li.product:before{content:"";}
.woocommerce div.product div.images img{border: 1px solid #cb9e44;}
.post-details .single-content .woocommerce{padding:0;}
.post-details .single-content .woocommerce .products li{margin-bottom: 0;}
/*Single Product Page End*/
/*Cart Page Start*/
.woocommerce table.cart td.actions .coupon .button{padding: 10px 30px !important;}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{}
.woocommerce-page .cart-collaterals .cart_totals{margin-top: 15px;}
.woocommerce-page .cart-collaterals .cart_totals h2{font-size: 32px; text-transform: capitalize; font-weight: 500; padding-bottom: 20px;}
/*Cart Page End*/
/*Check out Page Start*/
.checkout{}
.checkout .woocommerce-billing-fields{padding-bottom: 40px;}
.checkout .woocommerce-billing-fields h3 ,.woocommerce-additional-fields h3{padding-bottom: 30px; text-transform: capitalize; color: #000;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper{}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper label{}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper input{border: 1px solid #cb9e44 !important; padding: 10px !important;}
.checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .select2-selection{border-radius: 0; border: 1px solid #cb9e44;}
.woocommerce-additional-fields textarea{border: 1px solid #cb9e44 !important; padding: 10px !important;}
#order_review_heading{padding-bottom: 30px; text-transform: capitalize; color: #000;}
/*Check out Page End*/
/*Lost Password Start*/
.lost_reset_password{}
.lost_reset_password p{font-size: 16px; font-weight: 500; padding-bottom: 30px;}
.lost_reset_password .woocommerce-form-row{}
.lost_reset_password .woocommerce-form-row label{text-transform: capitalize;}
.woocommerce-info, .woocommerce-message{border-top-color: #cb9e44 !important;}
.woocommerce-info::before, .woocommerce-message::before{color: #cb9e44 !important;}
.woocommerce-info a{color: #cb9e44 !important;}
.lost_password a{color: #cb9e44; text-decoration: underline; text-transform: capitalize;}
.lost_password a:hover{color:#000;}
.post-details{padding: 80px 0px;}
.woocommerce .post-details .single-title{display:none;}
/*Lost Password End*/
/* header start */
header { display: flex ; justify-content: space-between; align-items: center; padding: 10px 20px; border-bottom: 1px solid #ccc; position: absolute; z-index: 999; background: #fff; width: -webkit-fill-available; margin: 0px 30px; }
header .logo { display: flex; align-items: center; }
header .logo img { height: 50px; margin-right: 10px; }
header .logo h1 { font-size: 16px; font-weight: normal; line-height: 1.2; }
header .nav { display: flex; align-items: center; }
header .nav-item {display: flex; align-items: center; margin: 0 10px; transition: 0.5s; color: #000; font-size: 14px; text-transform: uppercase; font-weight: 500; border-radius: 3px; text-decoration: none; }
/* header .nav-item:hover {background-color: #e0a837;} */
header .icon { font-size: 20px; cursor: pointer; margin-left: 15px; }
header .nav-item::before{content:''; background-color: #f0b431; height: 20px; transition: 0.5s; width: 20px; display: block; margin-right: 10px;}
/* header bottom */
header .nav-item:hover::before{width: 100px !important; }
header .nav-item:hover span{width: 0; opacity: 0;}
/* Navbar Toggle Button */
.custom-navbar-toggler {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 30px;
height: 25px;
border: none;
background: transparent;
cursor: pointer;
z-index: 10; /* Ensures it stays above */
}
.bar {
width: 100%;
height: 3px;
background-color: #000;
transition: all 0.3s ease;
}
/* Active State - Cross Icon */
.custom-navbar-toggler.active .bar:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.custom-navbar-toggler.active .bar:nth-child(2) {
opacity: 0; /* Hide the middle bar */
}
.custom-navbar-toggler.active .bar:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.button { position: relative; overflow: hidden; padding-left: 0px !important; height: 3rem; padding: 0 2rem; background: #fff0; background-size: 400%; color: #fff; border: none; cursor: pointer; }
.button:hover::before {transform: scaleX(1); }
.button-content { position: relative; z-index: 1; display: flex; color: #000;}
.button::before { content: ""; position: absolute; top: 0; left: 0; transform: scaleX(0); transform-origin: 0 50%; width: 100%; height: inherit; background: #f0b431; transition: all 0.475s; }
.button:hover span{opacity: 0;}
.button span::before{content:''; background-color: #f0b431; height: 20px; transition: 0.5s; width: 20px; display: block; margin-right: 10px; }
/* tooltip css */
body{width: 100%; overflow-x: hidden;}
html{scroll-behavior: smooth;}
.scroll-wrapper.active .timeline-container{position: fixed !important;}
.timeline-container {position: absolute; top: 2%; width: 280px; height: 100vh; display: flex ; align-items: center; justify-content: end; padding-left: 64%;}
.background-image { position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.timeline { position: relative; transition: 0.5s !important; z-index: 2; display: flex; flex-direction: column; align-items: flex-end; padding-right: 20px; }
.year { transition: 0.5s !important; position: relative; transition: 0.5s; padding-left: 30px; color: #fff; font-size: 18px; margin: 6px 0; cursor: pointer; }
.year::after {content: attr(data-tooltip); position: absolute; overflow: hidden; text-wrap: auto; top: 50%; left: -128px; transform: translateY(-50%); background-image: url(../../../wp-content/uploads/2024/12/Group-30177.png); color: white; border-radius: 5px; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; width: 150px; font-size: 12px; background-position: right; background-size: cover; background-repeat: no-repeat; padding: 5px !important; height: 49px; transition: 0.5s !important; text-align: left;}
.year.activeyear::after {opacity: 1;}
.year.activeyear{position: relative; width: 160px; right: 0; left: 70%; }
.year:hover{position: relative; width: 160px; right: 0; left: 70%; }
.year:hover::after {opacity: 1;}
.datesidesheet h2{color: #e64560; font-size: 60px; margin-bottom: 0px; font-weight: 600;}
.activeyear::before{content: ''; background-color: #e64560; height: 12px; width: 12px; display: block; position: absolute; right: 41%; margin-top: 8px; margin-right: 1px;}
.datesidesheet::-webkit-scrollbar {
width: 0px;
}
/* Track */
.datesidesheet::-webkit-scrollbar-track {
background: #fff;
}
/* Handle */
.datesidesheet::-webkit-scrollbar-thumb {
background: #fff;
}
/* Handle on hover */
.datesidesheet::-webkit-scrollbar-thumb:hover {
background: #fff;
}
.scrollrow {}
.scrollrow .container-fluid{padding-left: 0px !important; padding-right: 0px !important;}
.scrollrow .container-fluid .row{display: flex; align-items: center; height: 100vh; }
.scrollrow h3{color: #E64560; font-size: 24px; line-height: 32px; font-weight: 600; padding: 14px 0px;}
.scrollrow p{color: #475468; font-size: 16px; line-height: 26px;}
.scrollrow .datesidesheet{padding-left: 30px; padding-right: 20px; height: 89vh; overflow: scroll; overflow-x: hidden; align-items: center; margin: auto; align-content: center;}
.scroll-wrapper{position: relative;}
.scrollrow .container-fluid .row .col-md-8 img{height: 100vh; object-fit: cover; width: 100%;}
.scrollrow .row{background: url(../../../wp-content/uploads/2024/12/MDA-Cluster-1B.svg.svg); background-repeat: no-repeat; background-position: top right;}
.scrollrow .lastrow{background: url(../../../wp-content/uploads/2024/12/MDA-Cluster-4.svg.svg) !important; background-repeat: no-repeat !important; background-position: bottom right !important; background-size: 15% !important;}
/* tooltip css ended */
/* banner css */
.banner {
position: relative;
background: url('../../../wp-content/uploads/2024/12/MDA_Hero-1.jpg') center/cover no-repeat;
height: 100vh;
color: white;
display: flex;
align-items: center;
justify-content: start;
padding: 50px;
filter: brightness(0.9);
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}
.banner-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.4); /* Dark overlay */
}
.banner-content {
position: relative;
z-index: 2;
max-width: 650px;
margin-top: 8%;
}
.banner h1 {
font-size: 24px; font-weight: bold; line-height: 1.2; font-family: 'Fredoka', sans-serif; color: #fff;
}
.banner h1 span { color: #f3b32c; font-size: 44px; font-weight: 800; font-family: 'Fredoka', sans-serif;}
.banner p { margin: 20px 0; font-size: 16px; line-height: 1.5; color: #fff; font-family: 'Fredoka', sans-serif;}
.banner .btn {
background-color: #f3b32c;
color: white;
font-size: 1.2rem;
font-weight: bold;
padding: 10px 20px;
border-radius: 5px;
}
.banner .btn:hover {
background-color: #d09b27;
}
.decorative-squares {
position: absolute;
bottom: 20px;
right: 20px;
display: flex;
gap: 5px;
flex-wrap: wrap;
width: 100px;
}
.decorative-squares div {
width: 20px;
height: 20px;
}
.banner-overlay {background: url(../../../wp-content/uploads/2024/12/MDA-Cluster-1A.svg.svg); background-repeat: no-repeat; background-position: bottom right; }
.bannerbutton{background-color: #f3b32c !important;}
.bannerbutton .icon{border-left: 1px solid #ffffff; background-color: #c19332 !important;}
.bannerbutton .text{margin-left: -22px !important; color: #fff !important; text-transform: capitalize !important;}
/* banner css ended */
/* custom button */
.noselect { width: 150px; height: 45px; cursor: pointer; display: flex ; align-items: center; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); background: #fff; border: 1px solid #f1b434; }
.noselect, .noselect span {transition: 200ms;}
.noselect .text { transform: translateX(35px); margin-left: -16px; color: #475468 !important; font-weight: bold; text-transform: uppercase; font-size: 16px; font-family: 'Poppins'; }
.noselect .icon { position: absolute; border-left: 1px solid #f1b434; transform: translateX(110px); height: 45px; width: 40px; display: flex ; align-items: center; justify-content: center; background: #f1b434; }
.noselect svg {width: 15px;fill: #eee;}
.noselect:hover {background: #f1b434;}
.noselect:hover .text {color: transparent;}
.noselect:hover .icon { width: 150px; border-left: none; transform: translateX(0); }
.noselect:focus {outline: none;}
.noselect:active .icon svg {transform: scale(0.8);}
/* custom button ends */
/* footer started */
/* footer h1{color: #000 !important;}
footer h2{color: #000 !important;}
footer h3{color: #000 !important;}
footer h4{color: #000 !important;}
footer h5{color: #000 !important;}
footer h6{color: #000 !important;}
footer p{color: #000 !important;}
footer a{color: #000 !important;}
footer span{color: #000 !important;}
footer li{color: #000 !important;} */
/* footer .tk-footer::after{content: url('../../../wp-content/uploads/2024/12/MDA-Footer-Cluster.svg.svg'); position: absolute; right: 0; top: 47.5%;} */
footer .tk-footer {background-image: url(../../../wp-content/uploads/2024/12/MDA-Footer-Cluster.svg.svg) !important; background-position: bottom right; background-repeat: no-repeat; background-size: 30%;}
footer {background-color: #485cc7 ;}
.blue {
border-color: #485cc7;
}
.light-blue {
border-color: #00b5e2;
}
.teal {
border-color: #5DD9C1;
}
.yellow {
border-color: #f1b434;
}
.light-yellow {
border-color: #f4c664;
}
.red {
border-color: #a50034;
}
.cranberry {
border-color: #E64560;
}
.gray {
border-color: #414042;
}
.light-gray {
border-color: #EBE4E4;
}
.light-gray-2 {
border-color: #eeeaf3;
}
.medium-gray {
border-color: #888b8d;
}
.tk-gray {
border-color: #d9d9d9;
}
.new-text {
border-color: #4A327D;
}
.text {
border-color: #414042;
}
.green {
border-color: #2d9a49;
}
.purple {
border-color: #4A327D;
}
.white {
border-color: #fff;
}
.overlay-blue {
border-color: rgba(72,92,199,0.6);
}
.tk-button {
-webkit-appearance: none;
font-family: 'Poppins';
font-size: 1rem;
font-weight: 400;
display: inline-block;
padding: .75em 2.5em;
margin: 1em 0;
color: white;
text-align: center;
border: 2px solid #f1b434;
background: #f1b434;
border-radius: .25em;
cursor: pointer;
transition: background 200ms linear;
white-space: nowrap;
min-width: 275px;
}
.tk-button:hover {
background: #f6ce7c;
}
.tk-button__small {
min-width: 0;
}
.button--blue {
background-color: #485cc7;
border-color: #485cc7;
}
.button--blue:hover,.button--blue:active,.button--blue:focus {
background-color: #283681;
}
.visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.subheader {
font-weight: 400;
}
h1,.h1 {
font-size: 2.81em;
line-height: 1.25em;
margin: 0 0 .3em;
}
@media (max-width: 599px) {
h1,.h1 {
font-size:2.6em;
}
}
h2,.h2 {
font-size: 1.87em;
line-height: 1.25em;
margin: 0 0 .5em;
}
@media (max-width: 599px) {
h2,.h2 {
font-size:1.6em;
}
}
h3,.h3 {
font-size: 1.25em;
line-height: 1.25em;
margin: 0 0 .5em;
}
h4,.h4 {
font-size: 1em;
line-height: 1.25em;
margin: 0 0 .5em;
}
h5,.h5 {
font-size: 0.8em;
line-height: 1.25em;
margin: 0 0 .5em;
}
h6,.h6 {
font-size: 0.8em;
line-height: 1.25em;
margin: 0 0 .5em;
}
p {
font-family: Helvetica,Arial,sans-serif;
font-size: 1em;
line-height: 1.6;
margin: 0 0 1.6em;
font-weight: 400;
}
@media (min-width: 900px) {
p {
font-size:1.125em;
}
}
ul:not(.dropdown) {
font-family: Helvetica,Arial,sans-serif;
font-size: 1em;
line-height: 1.6;
margin: 0 0 1.6em;
font-weight: 400;
font-size: 1rem;
}
@media (min-width: 900px) {
ul:not(.dropdown) {
font-size:1.125em;
}
}
@media (min-width: 900px) {
ul:not(.dropdown) {
font-size:1.125rem;
}
}
.text--small {
font-size: 0.8125em;
line-height: 1.6em;
}
.tk-blockquote {
position: relative;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.5em;
font-weight: 100;
line-height: 1.6;
max-width: 30em;
display: block;
margin: 1.6em 0;
color: #414042;
border: none;
}
.tk-blockquote .tk-quote-text {
font-size: inherit;
padding-left: 8px;
}
.tk-blockquote .tk-quote-text:before {
content: '“';
font-family: 'Poppins';
color: inherit;
position: absolute;
left: -8px;
}
.tk-blockquote .tk-quote-text:after {
content: 'â€';
font-family: 'Poppins';
color: inherit;
line-height: 1.6em;
}
.tk-blockquote .footer {
position: relative;
font-size: 0.6667em;
max-width: 25em;
padding: 0 0 0 .5em;
border: none;
}
.tk-blockquote .footer:before {
content: '—';
position: absolute;
left: -.8em;
}
.tk-blockquote__white {
color: white;
}
.hr--white,.hr--dark {
height: 23px;
width: 100%;
overflow: hidden;
max-width: 441px;
background: url(/sites/all/themes/mda_bootstrap_subtheme/img/hr.png) center;
border: 0;
margin: 1.6em auto;
position: relative;
}
.hr--dark {
background: url(/sites/all/themes/mda_bootstrap_subtheme/img/hr-dark.png) center;
}
.hero-copy {
font-size: 1.45em;
max-width: 27em;
}
img {
border: 0;
max-width: 100%;
}
.responsive-img {
display: block;
width: 100%;
}
a {
color: #485cc7;
text-decoration: none;
}
body #admin-menu {
font-size: 16px;
}
[id="admin-menu-wrapper"]#admin-menu-wrapper {
overflow: visible;
}
.tk-wrap {
font-size: 16px;
}
body.html {
font-family: Helvetica,Arial,sans-serif;
color: #414042;
font-size: 16px;
}
a:focus:focus,a:hover:hover {
text-decoration: none;
}
.element-invisible {
display: none;
}
.form-container {
font-family: Helvetica,Arial,sans-serif;
font-size: 1em;
line-height: 1.6;
margin: 0 0 1.6em;
font-weight: 400;
max-width: 800px;
margin: 0 auto;
padding: 16px;
}
@media (min-width: 900px) {
.form-container {
font-size:1.125em;
}
}
.tk-input-container,.wFormContainer .inputWrapper,.webform-client-form {
display: inline-block;
position: relative;
max-width: 400px;
margin: 0 auto 16px;
}
.tk-input-container label,.wFormContainer .inputWrapper label,.webform-client-form label {
font-size: 0.9em;
font-weight: 400;
position: absolute;
left: 1.3em;
top: 0.9em;
z-index: 1;
opacity: 0;
transition: opacity 100ms linear;
color: #666;
pointer-events: none;
}
.tk-input-container .icon,.wFormContainer .inputWrapper .icon,.webform-client-form .icon {
height: 18px;
width: 18px;
fill: #d9d9d9;
}
.tk-input-container .icon--right,.wFormContainer .inputWrapper .icon--right,.webform-client-form .icon--right {
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
}
@media (min-width: 600px) {
.tk-input-container,.wFormContainer .inputWrapper,.webform-client-form {
margin:0 8px 16px;
}
}
.webform-client-form label {
position: absolute;
left: 0;
top: -1.4em;
color: #414042;
}
.webform-component-checkboxes label,.webform-component-boolean label {
position: relative;
top: 0;
opacity: 1;
pointer-events: auto;
}
.checkbox input[type=checkbox] {
position: relative;
}
.input__empty label {
opacity: 1;
}
.tk-input:focus + label,.wFormContainer .inputWrapper input:focus + label {
opacity: 0;
}
.tk-input,.wFormContainer .inputWrapper input,.tk-select,.form-type-select select,.form-type-textfield input,.form-type-webform-email input,.form-type-textarea textarea,.form-type-webform-number input,.wFormContainer .inputWrapper select {
font-size: 0.9em;
border-radius: 4px;
border: none;
background: white;
color: #414042;
box-shadow: 0 0 3px #EBE4E4 inset;
padding: 11px 15px;
width: 100%;
/* border: 1px solid #000; */
}
.wFormContainer .inputWrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,');
background-position: right 12px top 50%;
background-repeat: no-repeat;
}
.wFormContainer .wForm .inputWrapper .tt-hint {
display: none;
}
.wForm .tt-search.tt-search {
top: 57%;
right: 3%;
left: auto;
}
#\33 89398-T {
display: none;
}
.wForm .twitter-typeahead {
width: 100%;
}
.wForm form .choices {
text-align: left;
}
.form-checkboxes .form-item .control-label,.choices .oneChoice .label {
position: relative;
opacity: 1 !important;
padding: 0;
font-size: 0.9em;
white-space: normal;
display: inline-block;
margin: 0;
margin-bottom: 7px;
padding-left: 12px;
line-height: 1.5;
text-align: left;
pointer-events: auto;
}
.wForm .oneField.hintsTooltip .field-hint {
right: 0;
left: auto !important;
max-width: 200px;
}
.choices .oneChoice input {
width: auto;
position: absolute;
top: 15px;
left: 0;
}
.form-required {
color: #a50034;
}
.tk-input:disabled,.wFormContainer .inputWrapper input:disabled {
opacity: 0.92;
}
.tk-input:disabled + label,.wFormContainer .inputWrapper input:disabled + label {
color: #aaaaaa;
}
.tk-checkbox {
position: absolute;
clip: rect(0,0,0,0);
}
.tk-checkbox + label {
cursor: pointer;
padding-left: 34px;
}
.tk-checkbox + label:before {
content: '';
display: inline-block;
position: absolute;
left: 8px;
top: -2px;
height: 20px;
width: 20px;
border: 1px solid #414042;
background: white;
}
.tk-checkbox + label:after {
content: '';
position: absolute;
left: 10px;
top: 0;
height: 16px;
width: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCA1OTQgNjMzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1OTQgNjMzOyI+PHBhdGggZmlsbD0iIzQ4NUNDNyIgZD0iTTI2NS44LDYwMkw0MS40LDM3Ny41Yy0yNC41LTI0LjUtMjQuNS02NC4zLDAtODguOWMyNC41LTI0LjUsNjQuMy0yNC41LDg4LjksMGwxMTAuNywxMTAuN0w0NTAuOCw0OS41IEM0NjguNywxOS43LDUwNy4zLDEwLDUzNywyNy45YzI5LjcsMTcuOCwzOS40LDU2LjUsMjEuNSw4Ni4yTDI2NS44LDYwMnoiLz48L3N2Zz4=");
background-repeat: no-repeat;
background-size: 16px 16px;
transition: width 100ms linear;
}
.tk-checkbox:checked + label:after {
width: 16px;
}
.tk-select,.form-type-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background-image: url('data:image/svg+xml;utf8,');
background-position: right 12px top 50%;
background-repeat: no-repeat;
}
.label__block {
display: block;
}
.label__small {
font-size: 0.8em;
}
.label__required:after {
color: #a50034;
content: ' * ';
}
.tk-footer.tk-footer {
position: relative;
z-index: 10;
font-family: Helvetica,Arial,sans-serif;
/* background: #fff; */
padding: 56px 24px 161px;
text-align: left;
}
.tk-footer.tk-footer h4 {
font-family: 'Poppins';
font-weight: bold;
margin-bottom: 18px;
font-size: 16px;
font-family: 'Poppins';
color: #fff;
}
.tk-footer.tk-footer p {
font-size: 13px;
line-height: 20px;
margin: 0;
padding: 0;
color: #fff;
font-family: 'Poppins';
}
.tk-footer.tk-footer a {
color: #fff;
text-decoration: none;
}
.footer-content {
display: block;
flex-direction: column;
}
@media (min-width: 900px) {
.footer-content {
max-width:1200px;
margin: 0 auto;
flex-direction: row;
display: flex;
}
}
.footer-left {
display: block;
flex: none;
width: 100%;
text-align: center;
}
@media (min-width: 900px) {
.footer-left {
width:33%;
flex: 1;
text-align: left;
}
}
.footer-center {
display: block;
flex: none;
width: 250px;
margin: 48px auto;
}
@media (min-width: 900px) {
.footer-center {
width:33%;
flex: 1;
text-align: center;
}
}
.telethon-logo {
width: 100%;
}
@media (min-width: 900px) {
.telethon-logo {
width:80%;
}
}
#\33 89398-T {
display: none;
}
.footer-right {
display: block;
flex: none;
width: 100%;
text-align: center;
}
@media (min-width: 900px) {
.footer-right {
width:33%;
flex: 1;
max-width: 400px;
}
}
.footer__nav-list {
margin: 0px;
padding: 0px;
}
.footer__nav-list li {
font-size: 16px;
margin: 0px 12px 14px 0px;
list-style: none;
display: inline-block;
}
.footer__nav-list .contact {
margin-right: 0px;
}
.footer__nav-list a {
color: #485cc7;
font-family: 'Poppins';
display: inline-block;
}
.flex__inputs-container {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.flex__input {
flex: 1 0 100%;
margin: 0 0 16px;
}
.flex--half-width {
flex: 0 1 auto;
width: calc(50% - 8px);
min-width: 0;
}
.footer-content .wFormContainer .htmlSection {
order: 2;
}
.footer-content .wFormContainer .wFormTitle {
display: none;
}
.footer-content .wFormContainer h4 {
margin-top: 0;
}
.footer-content .wFormContainer {
max-width: 300px !important;
width: 430px !important;
}
@media (min-width: 900px) {
.footer-content .wFormContainer {
max-width:430px !important;
}
}
.wFormContainer {
float: none;
}
.wFormContainer form {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.wFormContainer .field-container-D {
padding: 0;
margin: 0;
margin-bottom: 9px;
font-size: 0.85em;
}
.wFormContainer .inputWrapper {
margin: 0;
margin-bottom: 8px;
}
.wFormContainer .label.preField {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
}
.wFormContainer .group {
display: flex;
gap: 16px;
width: 100%;
}
.wFormContainer .oneField.oneField {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.wFormContainer .oneField.oneField .inputWrapper {
max-width: none;
width: 100%;
}
.wFormContainer .captcha .oneField {
justify-content: center;
}
.wFormContainer .captchaHelp.captchaHelp {
font-size: 0.7em;
text-align: center;
margin-bottom: -8px;
}
.wFormContainer br {
display: none;
}
.wFormContainer .htmlSection,.wFormContainer .actions.actions {
width: 100%;
margin-top: 0;
padding: 0;
}
@media (min-width: 900px) {
.wFormContainer .htmlSection,.wFormContainer .actions.actions {
width:50%;
}
}
.wFormContainer .primaryAction.primaryAction {
-webkit-appearance: none;
font-family: 'Poppins';
font-size: 1rem;
font-weight: 400;
display: inline-block;
padding: .75em 2.5em;
margin: 1em 0;
color: white;
text-align: center;
border: 2px solid #f1b434;
background: #f1b434;
border-radius: .25em;
cursor: pointer;
transition: background 200ms linear;
white-space: nowrap;
min-width: 275px;
font-size: 16px;
width: 100%;
min-width: 0;
margin: 0;
float: none;
z-index: 10;
}
.wFormContainer .primaryAction.primaryAction:hover {
background: #f6ce7c;
}
.wFormContainer .wForm {
padding: 0;
}
.wFormContainer .wForm div > div.oneField.oneField {
padding: 0;
margin-top: 0;
}
.tk-footer .wFormContainer {
margin: 32px auto;
text-align: center;
}
@media (min-width: 900px) {
.tk-footer .wFormContainer {
margin:0;
float: right;
max-width: 300px;
text-align: left;
}
.tk-footer .wFormContainer .tk-button {
display: block;
font-size: 0.9em;
margin: 0;
min-width: 0;
-webkit-appearance: none;
margin-right: 8px;
float: left;
width: 132px;
}
}
.footer__nav-list.footer__nav-list {
margin-bottom: 0;
}
.bottom.bottom {
margin-top: 18px;
display: none;
}
@media (min-width: 900px) {
.bottom.bottom {
display:block;
}
}
.bottom.bottom p,.bottom.bottom a {
font-size: 10px;
line-height: 18px;
font-family: 'Poppins';
}
.footer--affiliates {
display: flex;
justify-content: flex-start;
padding: 24px 12px 12px;
transform: translateX(-34px);
}
.footer--affiliate {
height: 64px;
}
@media (min-width: 900px) {
.footer--affiliate {
display:block;
}
}
.footer--bbb {
transform: scale(1.8);
}
.footer--social-icon {
border-radius: 50%;
background: #414042;
height: 32px;
width: 32px;
padding: 6px;
margin: 4px 0px 0px 4px;
display: inline-block;
}
.footer--social-icon .icon {
fill: white;
height: 100%;
width: 100%;
}
.iconset {
display: none;
}
.footer--social-2 {
display: block;
margin-top: 8px;
}
@media (min-width: 900px) {
.footer--social-2 {
display:none;
}
}
.footer--social {
display: none;
margin-top: 0px;
}
@media (min-width: 900px) {
.footer--social {
display:block;
}
}
.bottom-2 {
display: block;
margin: 0 auto;
max-width: 320px;
}
.bottom-2 p,.bottom-2 a {
font-size: 8px;
text-align: center;
line-height: 16px;
}
.bottom-2 .footer--affiliates {
transform: translateX(0);
justify-content: center;
}
.bottom-2 .footer--affiliate {
width: 47px;
height: 64px;
position: relative;
}
.bottom-2 .footer--bbb {
transform: scale(2.6);
}
@media (min-width: 900px) {
.bottom-2 {
display:none;
}
}
.tk-media {
display: flex;
align-items: flex-start;
}
.tk-media-figure {
margin-right: 1em;
}
.tk-media-body {
flex: 1;
}
.button--white {
border-color: #EBE4E4;
}
.button--white:hover,.button--white:active,.button--white:focus {
background: #EBE4E4;
color: #485cc7;
}
.button--outline {
background: transparent;
}
.search-banner {
background: #485cc7;
color: white;
text-align: center;
padding: 40px 16px;
}
.search-banner .wide-container {
max-width: 900px;
}
.search-banner .form-container {
margin-bottom: 0;
padding: 16px 0;
}
.search-banner p {
font-size: 1.1em;
}
@media (min-width: 600px) {
.search-banner p {
font-size:1.45em;
}
}
.zip-search {
display: flex;
flex-direction: column;
align-items: center;
margin: 16px auto 0;
max-width: 800px;
}
.zip-search > * {
flex: 1;
width: 100%;
max-width: 400px;
}
.zip-search .tk-button {
padding: .75em 1.5em;
}
@media (min-width: 900px) {
.zip-search {
margin-top:0;
flex-direction: row;
align-items: baseline;
}
.zip-search > * {
width: 45%;
max-width: 45%;
margin: 0 16px 0;
}
}
.tk-cards {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
gap: 1rem;
list-style: none;
padding: 0;
}
.tk-card {
background: white;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 2px 8px #d9d9d9;
padding: 16px;
text-align: center;
}
.tk-card p {
font-size: 0.9em;
max-width: 28em;
margin: 0 auto 16px;
}
.tk-card p:last-child {
margin-bottom: 0;
}
.tk-card__img {
border-radius: 50%;
width: 150px;
height: 150px;
margin: 8px 0 16px;
border: 4px solid white;
box-shadow: 0 0 0 1px #d9d9d9;
z-index: 10;
}
.tk-resource-center {
position: relative;
text-align: center;
padding: 0 0 400px;
background: #207ebb;
color: white;
}
.tk-resource-center h2 {
padding-top: 0;
}
.tk-resource-center.no-image {
padding: 24px 0;
}
.tk-resource-center .blue-bg {
position: relative;
padding: 56px 16px;
background: rgba(32,126,187,0.8);
z-index: 100;
}
.tk-resource-center .blue-bg > p {
max-width: 900px;
margin: 0 auto;
}
@media (min-width: 600px) {
.tk-resource-center {
padding:0 0 35vw;
}
}
.tk-resource-center--bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url("https://www.mda.org/sites/default/files/mda-frontend/homepage/webp/resource_center-bg.webp");
background-size: cover;
background-position: bottom;
}
.tk-resource-email-form {
max-width: 750px;
margin: 48px auto 0;
font-weight: 100;
}
.tk-resource-email-form ::-webkit-input-placeholder {
color: #777 !important;
}
.tk-resource-email-form .form-success .tk-lightbox--inner {
min-height: 520px;
background: url(/sites/all/themes/img/clinical-trials/success.png) center no-repeat;
background-size: cover;
}
.tk-resource-email-form .form-success h2 {
color: #414042 !important;
}
.tk-resource-email-form .form-success p {
color: #414042;
display: block;
}
.tk-resource-email-form .tk-lightbox--inner {
max-width: 600px;
}
.tk-resource-email-form h2 {
color: #414042 !important;
margin-bottom: 24px;
}
.tk-resource-email-form .information > p {
display: none !important;
}
.tk-resource-email-form label {
display: none;
}
.tk-resource-email-form form.webform-client-form input,.tk-resource-email-form textarea {
box-sizing: border-box;
font-size: 1em !important;
border-radius: 4px !important;
border: none !important;
background: white !important;
color: #414042 !important;
box-shadow: 0 0 3px #EBE4E4 inset !important;
padding: 0.9em 1.1em !important;
margin: 0 0 24px !important;
resize: none;
height: 100%;
}
.tk-resource-email-form .webform-component--comment {
display: none;
}
.tk-resource-email-form .button-primary {
-webkit-appearance: none;
font-family: 'Poppins';
font-size: 1rem;
font-weight: 400;
display: inline-block;
padding: .75em 2.5em;
margin: 1em 0;
color: white;
text-align: center;
border: 2px solid #f1b434;
background: #f1b434;
border-radius: .25em;
cursor: pointer;
transition: background 200ms linear;
white-space: nowrap;
min-width: 275px;
background-color: #f1b434;
border-color: #f1b434;
}
.tk-resource-email-form .button-primary:hover {
background: #f6ce7c;
}
.tk-resource-email-form .button-primary:hover,.tk-resource-email-form .button-primary:active,.tk-resource-email-form .button-primary:focus {
background-color: #b37d0c;
}
.tk-resource-email-form .grippie {
display: none;
}
.tk-resource-email-form .container {
width: auto !important;
}
.tk-resource-email-form div {
margin: 0 !important;
}
.block-block {
position: relative;
z-index: 100;
}
.tk-wrap {
z-index: 1;
position: relative;
}
@media (min-width: 900px) {
.mobile-only {
display:none;
}
}
@media (min-width: 900px) and (max-width:1199px) {
.hide-on-tablet {
display:none;
}
}
.tk-main-nav {
position: relative;
background: white;
z-index: 50;
}
.tk-main-nav.drupal-fix {
top: -140px;
}
.tk-main-nav__donate {
background-color: #f1b434;
border-color: #f1b434;
display: none;
}
.tk-main-nav__donate:hover,.tk-main-nav__donate:focus,.tk-main-nav__donate:active {
background-color: #b37d0c;
}
@media (min-width: 900px) {
.tk-main-nav__donate {
display:block;
}
}
.search--fade-out {
opacity: 0;
}
.mobile-tools {
position: absolute;
top: 23px;
right: 4px;
margin-top: -24px;
display: flex;
align-items: center;
justify-content: flex-end;
width: 60%;
}
@media (min-width: 600px) {
.mobile-tools {
right:24px;
}
}
@media (min-width: 900px) {
.mobile-tools {
display:none;
}
}
@media (max-width: 599px) {
.mobile-tools .tk-button {
margin-top:1.2em;
padding: .5em 1.5em;
}
}
.icon-nav-item {
display: inline-block;
width: 80px;
height: 70px;
padding: 0 5px;
margin-top: 6px;
text-align: center;
color: #414042;
border-right: 1px solid #d9d9d9;
font-size: 0.7em;
font-weight: bold;
line-height: 0.9;
}
.icon-nav-item .icon {
display: block;
fill: #485cc7;
width: 35px;
padding: 0 5px;
margin: 2px auto 0;
}
@media (min-width: 600px) {
.icon-nav-item {
font-size:0.9em;
}
}
@media (min-width: 900px) {
.icon-nav-item {
border:none;
margin-right: 4px;
line-height: 0.5;
margin-top: 0;
}
}
.hamburger-menu {
width: 70px;
height: 20px;
cursor: pointer;
padding: 0 20px;
}
@media (min-width: 900px) {
.hamburger-menu {
display:none;
}
}
.ham-bar,.ham-bar:after,.ham-bar:before {
width: 30px;
height: 4px;
border-radius: 3px;
}
.ham-bar {
position: relative;
top: -6px;
transform: translateY(8px);
background: #f1b434;
transition: all 0ms 300ms;
}
.ham-bar span {
top: 20px;
font-weight: bold;
font-size: 0.7em;
}
@media (min-width: 600px) {
.ham-bar span {
font-size:0.9em;
margin-left: -5px;
}
}
.ham-bar.animate {
background: rgba(241,180,52,0);
}
.ham-bar:before {
content: "";
position: absolute;
left: 0;
bottom: 8px;
background: #f1b434;
transition: bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);
}
.ham-bar:after {
content: "";
position: absolute;
left: 0;
top: 8px;
background: #f1b434;
transition: top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);
}
.ham-bar.animate:after {
top: 0;
transform: rotate(45deg);
transition: top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);
}
.ham-bar.animate:before {
bottom: 0;
transform: rotate(-45deg);
transition: bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1);
}
.tk-main-nav__container {
display: flex;
flex-flow: row wrap;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
background: white;
}
@media (min-width: 900px) {
.tk-main-nav__container:not(.remove-tablet-styles) {
justify-content:space-between;
padding: 0;
}
.tk-main-nav__container:not(.remove-tablet-styles) .donate-container {
order: -1;
margin-right: 16px;
display: flex;
align-items: center;
}
.tk-main-nav__container:not(.remove-tablet-styles) .main-nav__logo {
order: -2;
margin: 12px 0 12px 16px;
display: flex;
justify-content: center;
align-items: center;
gap: 1em;
}
.tk-main-nav__container:not(.remove-tablet-styles) .main-nav__logo > a {
flex: 1;
}
.tk-main-nav__container:not(.remove-tablet-styles) .main-nav__logo .mda-logo {
min-width: 200px;
}
.tk-main-nav__container:not(.remove-tablet-styles) .telethon-logo {
width: 100px;
}
.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list {
position: relative;
flex-basis: 100%;
justify-content: space-between;
border-top: 1px solid #ddd;
background: #F8F6F6;
margin: 0;
padding: 0 24px;
}
.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list > li {
padding: 12px 4px;
font-weight: bold;
font-family: 'Poppins';
}
}
@media (min-width: 900px) and (min-width:1200px) {
.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list > li {
padding:12px 16px;
}
}
@media (min-width: 900px) {
.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list:after,.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list:before {
content:'';
background: #F8F6F6;
border-top: 1px solid #ddd;
width: 100%;
height: 100%;
position: absolute;
top: -1px;
left: 100%;
}
.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list:before {
left: -100%;
}
}
@media (min-width: 1200px) {
.tk-main-nav__container:not(.remove-tablet-styles) .tk-main-nav__list {
padding:0;
}
}
.main-nav__logo {
margin: 22px 0;
max-width: 220px;
width: 110px;
overflow: hidden;
line-height: 0;
}
.main-nav__logo img {
max-width: 160%;
width: 160%;
}
@media (min-width: 900px) {
.main-nav__logo {
width:240px;
max-width: 240px;
margin: 32px 0;
}
.main-nav__logo .mda-logo {
max-width: 240px;
width: 240px;
}
.main-nav__logo img {
max-width: 100%;
}
}
.tk-main-nav__list.tk-main-nav__list {
display: none;
padding: 0;
margin: 0;
flex: 1;
align-items: center;
align-self: center;
justify-content: flex-end;
list-style: none;
font-size: 0.9em;
}
@media (max-width: 899px) {
.tk-main-nav__list.tk-main-nav__list {
display:flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
position: absolute;
top: 76px;
left: 0;
width: 100%;
background: white;
border-top: 1px solid #d9d9d9;
transform: translateY(-100%);
transition: transform 200ms linear;
z-index: -1;
}
.tk-main-nav__list.tk-main-nav__list.list--open {
transform: translateY(0);
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__li {
padding: 0;
width: 100%;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__li:hover .tk-main-nav__item {
color: #414042;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__item {
display: block;
padding: 16px;
color: #414042;
font-weight: 100;
font-family: 'Poppins';
border-bottom: 1px solid #d9d9d9;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__item.nav__item--open {
background: #eeeeee;
border-bottom: 0;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__item.nav__item--open:before {
transform: rotate(45deg);
color: #00b5e2;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__item:before {
position: absolute;
top: 8px;
right: 26px;
content: '+';
font-family: Helvetica,Arial,sans-serif;
font-size: 1.6em;
font-weight: 400;
color: #485cc7;
transform-origin: 50%;
transition: all 100ms ease-out;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__item.no-mega-menu:before {
display: none;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__mega-nav {
background: #eeeeee;
}
.tk-main-nav__list.tk-main-nav__list .tk-main-nav__mega-nav.mega-nav--open {
border-bottom: 1px solid #d9d9d9;
padding: 4px 16px;
}
.tk-main-nav__list.tk-main-nav__list .sub-list__header {
display: none;
}
.tk-main-nav__list.tk-main-nav__list:before {
display: none;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: linear-gradient(to bottom,#eee,white);
}
}
@media (max-width: 899px) and (min-width:900px) {
.tk-main-nav__list.tk-main-nav__list:before {
display:block;
}
}
.tk-main-nav__list.tk-main-nav__list li {
position: static;
}
.tk-main-nav__list.tk-main-nav__list .sub-list__header {
font-size: 20px;
font-weight: 400;
}
@media (min-width: 900px) {
.tk-main-nav__list.tk-main-nav__list {
display:flex;
position: static;
}
}
.tk-main-nav__li {
border-top: 2px solid transparent;
}
.tk-main-nav__li:hover,.tk-main-nav__li:focus {
background: #f1ecec;
border-top: 2px solid #f1b434;
}
.tk-main-nav__li:hover .tk-main-nav__item:after,.tk-main-nav__li:focus .tk-main-nav__item:after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 12px;
}
.tk-main-nav__li:hover .tk-main-nav__mega-nav,.tk-main-nav__li:hover .tk-main-nav__sub-list,.tk-main-nav__li:hover .tk-main-nav__image,.tk-main-nav__li:focus .tk-main-nav__mega-nav,.tk-main-nav__li:focus .tk-main-nav__sub-list,.tk-main-nav__li:focus .tk-main-nav__image {
transform: translateY(0);
opacity: 1;
}
.tk-main-nav__item {
color: #414042;
padding: 4px 0;
font-size: 1.2em;
font-weight: 100;
}
@media (min-width: 900px) {
.tk-main-nav__item {
font-size:1em;
padding: 0;
}
}
.tk-main-nav__search .icon {
fill: #485cc7;
}
.tk-button__no-min {
min-width: 0;
}
.tk-main-nav__mega-nav {
max-height: 0;
overflow: hidden;
transition: max-height 100ms linear;
background: #f1ecec;
}
.tk-main-nav__mega-nav.mega-nav--open {
max-height: 1600px;
padding: 16px;
}
@media (min-width: 900px) {
.tk-main-nav__mega-nav {
position:absolute;
left: 0;
width: 100%;
z-index: -10;
transform: translateY(-105%);
transition: transform 250ms ease-out,opacity 150ms linear;
opacity: 0;
border-bottom: 4px solid #485cc7;
display: flex;
padding: 32px;
max-height: none;
}
.tk-main-nav__mega-nav.mega-nav--small {
max-width: 600px;
left: auto;
right: 0;
border-left: 4px solid #485cc7;
}
.tk-main-nav__mega-nav:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 8px;
background: linear-gradient(to bottom,#ccc,white);
}
}
.tk-main-nav__sub-list {
list-style: none;
flex: 1;
padding: 0;
}
@media (min-width: 900px) {
.tk-main-nav__sub-list {
padding-left:40px;
}
.tk-main-nav__sub-list:last-child {
margin-right: 32px;
}
}
.tk-main-nav__image {
max-width: 275px;
display: none;
}
@media (min-width: 900px) {
.tk-main-nav__image {
display:block;
}
}
.tk-main-nav__head {
position: relative;
font-family: 'Poppins';
font-weight: normal;
margin-top: 8px;
}
.tk-main-nav__head:after {
content: '🡒';
font-weight: bold;
position: absolute;
right: 12px;
}
.tk-main-nav__p {
font-size: 0.9em;
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
line-height: 1.6;
}
.tk-main-nav__card {
display: block;
background: #485cc7;
color: white;
padding-bottom: 8px;
border-radius: 4px;
overflow: hidden;
min-width: 150px;
}
.tk-main-nav__card:hover,.tk-main-nav__card:active {
color: white;
}
.tk-main-nav__card a:link,.tk-main-nav__card a:visited {
color: white;
}
.tk-main-nav__card p {
padding: 0 12px;
margin-bottom: 0;
}
.sub-list__header {
margin-top: 8px;
}
.sub-list__link {
font-family: Helvetica,Arial,sans-serif;
font-size: 13px;
line-height: 1.5;
font-weight: 400;
color: #414042;
padding: 8px 0;
display: inline-block;
}
.sub-list__link:hover,.sub-list__link:active,.sub-list__link:focus {
font-weight: 800;
}
.underline {
text-decoration: underline;
}
.donate-container {
display: none;
padding-right: 8px;
}
@media (min-width: 900px) {
.donate-container {
display:block;
}
}
.top-search {
position: absolute;
top: 50%;
right: 0;
height: 76px;
margin-top: -38px;
width: calc(100% - 16px);
background: white;
opacity: 0;
pointer-events: none;
transition: opacity 100ms linear;
overflow: hidden;
}
.top-search .tk-input-container,.top-search .wFormContainer .inputWrapper,.wFormContainer .top-search .inputWrapper {
width: calc(100% - 63px);
height: 100%;
max-width: none;
margin: 0;
}
.top-search input {
border-radius: 0;
box-shadow: none;
border: 1px solid #d9d9d9;
width: 100%;
height: 100%;
}
.top-search input:focus,.top-search input:active {
border: 1px solid #333;
outline: none;
}
.top-search label {
opacity: 0;
}
.top-search.search-open {
opacity: 1;
pointer-events: all;
}
@media (min-width: 900px) {
.top-search {
width:60%;
}
}
.top-search .gsc-control-cse {
padding-right: 50px;
}
.top-search .gsc-input-box {
padding: 10px 8px;
}
.gcsc-find-more-on-google {
display: none !important;
}
.gsc-results-wrapper-overlay.gsc-results-wrapper-overlay {
top: 100px;
}
.gsc-search-button {
border: none;
height: 54px;
width: 50px;
position: absolute;
right: 6px;
top: 0;
cursor: pointer;
}
.gsc-search-button svg {
width: 17px;
height: 17px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.search-close {
position: absolute;
right: 0;
top: 8px;
height: 56px;
width: 56px;
line-height: 62px;
color: transparent !important;
}
.search-close:before {
content: '✕';
font-size: 48px;
color: #333;
position: relative;
left: 12px;
}
.mobile-search {
width: 100%;
background: #00b5e2;
display: block;
}
.mobile-search .gsc-input-box {
width: 100%;
max-width: 100%;
margin: 0;
}
.mobile-search label {
top: 0.8em;
}
.mobile-search .gsc-search-button {
right: 0;
height: 100%;
}
.mobile-search .gsc-search-button .icon {
height: 20px;
width: 20px;
}
@media (min-width: 900px) {
.mobile-search {
display:none;
}
}
.mobile-search .gsc-results-wrapper-overlay {
width: 90%;
left: 5%;
}
.cookie-banner {
position: fixed;
bottom: 16px;
right: 16px;
color: #414042;
background: white;
z-index: 1000;
padding: 16px;
border-radius: 6px;
box-shadow: rgba(0,0,0,0.4) 0px 1px 4px 0px;
font-size: 0.8em;
transform: translateY(140%);
}
.cookie-banner.animate {
animation: 4s cubic-bezier(0.59,0.68,0.67,1.64) slidein forwards,300ms ease-out 7s slideout forwards;
}
.cookie-banner p {
margin-bottom: 0;
}
@keyframes slidein {
from {
transform: translateY(100%);
}
10%,to {
transform: translateY(0%);
}
}
@keyframes slideout {
from {
transform: translateY(0%);
}
to {
transform: translateY(140%);
}
}
.top-banner {
top: 0;
left: 0;
width: 100%;
padding: 8px 12px;
background: #485cc7;
color: white;
z-index: 15;
text-align: center;
font-family: 'Poppins';
margin-bottom: 0;
font-size: 0.7em;
}
@media (min-width: 900px) {
.top-banner {
font-size:1em;
padding: 12px;
}
}
.top-banner a:link,.top-banner a:visited {
color: white;
text-decoration: underline;
}
.top-banner a:hover,.top-banner a:active,.top-banner a:focus {
color: #bdc4eb;
}
.tk-popover {
background: #485cc7 url("https://www.mda.org/files/mda-frontend/sept-landing/justin-small.jpg?v=1.2") left center no-repeat;
background-size: contain;
color: white;
font-family: 'Poppins';
height: 150px;
max-width: 420px;
padding: 16px 32px 16px 160px;
position: fixed;
right: 0;
bottom: 30px;
z-index: 200;
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
transform: translateX(110%);
transition: transform 200ms ease-out;
}
.tk-popover.tk-popover--show {
transform: translateX(0);
}
.tk-popover a:link,.tk-popover a:visited {
color: white;
text-decoration: underline;
}
.tk-popover a:hover,.tk-popover a:active,.tk-popover a:focus {
color: #bdc4eb;
}
.tk-popover .tk-popover-close {
position: absolute;
top: 0;
right: 0;
height: 24px;
width: 24px;
text-indent: -999em;
}
.tk-popover .tk-popover-close:before {
content: '×';
color: white;
font-size: 2em;
text-indent: 0;
position: absolute;
top: 0;
right: 8px;
}
h2 {
font-size: 1.5em;
}
@media (min-width: 900px) {
h2 {
font-size:1.6em;
}
}
.button--teal {
background-color: #5DD9C1;
border-color: #5DD9C1;
}
.button--teal:hover,.button--teal:active,.button--teal:focus {
background-color: #28a890;
}
.button--cranberry {
background-color: #E64560;
border-color: #E64560;
}
.button--cranberry:hover,.button--cranberry:active,.button--cranberry:focus {
background-color: #ae1731;
}
.button--yellow {
background-color: #f1b434;
border-color: #f1b434;
}
.button--yellow:hover,.button--yellow:active,.button--yellow:focus {
background-color: #b37d0c;
}
.button--white {
border-color: #EBE4E4;
}
.button--white:hover,.button--white:active,.button--white:focus {
background: #EBE4E4;
color: #485cc7;
}
.button--purple {
border-color: #4A327D;
background: #4A327D;
}
.button--purple:hover,.button--purple:active,.button--purple:focus {
background: #1f1534;
color: white;
}
.button--blue {
border-color: #485cc7;
background: #485cc7;
}
.button--blue:hover,.button--blue:active,.button--blue:focus {
background: #283681;
color: white;
}
.button--outline {
background: transparent;
}
.button--outline.button--blue {
color: #485cc7;
}
.button--outline.button--blue:hover,.button--outline.button--blue:active,.button--outline.button--blue:focus {
color: white;
}
.desktop-only {
display: none;
}
@media (min-width: 900px) {
.desktop-only {
display:inline-block;
}
}
.home-container {
max-width: 1200px;
margin: 0 auto;
z-index: 1;
text-align: center;
}
@media (min-width: 900px) {
.home-container {
padding:0 16px;
}
}
.wide-container {
max-width: 1200px;
}
.container--center > * {
margin: 0 auto;
}
.flex-center {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 599px) {
.no-mobile {
display:none;
}
}
.bg-video {
display: none;
position: absolute;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
top: 0;
left: 0;
}
@media (min-width: 900px) {
.bg-video {
display:block;
}
}
.icon {
fill: white;
height: 48px;
width: 48px;
}
.icon-list {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
}
@media (min-width: 900px) {
.icon-list {
-ms-flex-direction:row;
flex-direction: row;
}
}
.icon-list-item {
-ms-flex: 1;
flex: 1;
padding: 32px 0;
}
.icon-list-item p {
font-size: 0.88em;
max-width: 300px;
margin: 0 auto 16px;
}
@media (min-width: 600px) {
.icon-list-item {
padding:32px 16px;
}
}
.thumbnail-row {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
list-style: none;
text-align: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
@media (min-width: 600px) {
.thumbnail-row {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
}
}
.thumbnail-image {
height: 200px;
width: 100%;
color: white;
margin: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
transition: flex 200ms cubic-bezier(0.61,-0.19,0.7,-0.11),-webkit-filter 200ms ease-out;
transition: filter 200ms ease-out,flex 200ms cubic-bezier(0.61,-0.19,0.7,-0.11);
transition: filter 200ms ease-out,flex 200ms cubic-bezier(0.61,-0.19,0.7,-0.11),-webkit-filter 200ms ease-out,-ms-flex 200ms cubic-bezier(0.61,-0.19,0.7,-0.11);
background-size: cover;
background-image: var(--url-m);
background-position: center;
-webkit-filter: brightness(0.7);
filter: brightness(0.7);
border-bottom: 2px solid #bdc4eb;
}
.thumbnail-image a:link,.thumbnail-image h3 {
color: white;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
}
.thumbnail-image h3 {
z-index: 10;
top: 50%;
transform: translateY(-50%);
max-height: 2em;
line-height: 1.4;
padding: 28px 0 0;
}
@media (min-width: 900px) {
.thumbnail-image h3 {
padding:0 16px;
}
}
.thumbnail-image .icon {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%,-50%);
height: 52px;
width: 52px;
}
.thumbnail-image:hover {
-webkit-filter: grayscale(0.2);
filter: grayscale(0.2);
-ms-flex: 2 0 auto;
flex: 2 0 auto;
}
.thumbnail-image:before {
content: "";
opacity: 0.6;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: #485cc7;
top: 0;
bottom: auto;
height: 100%;
}
@media (min-width: 600px) {
.thumbnail-image {
height:205px;
width: 25%;
font-size: 0.75em;
border-right: 2px solid #bdc4eb;
border-bottom: 0;
background-image: var(--url);
}
.thumbnail-image:last-child {
border-right: none;
}
.thumbnail-image h3 {
padding: 85px 0;
}
}
@media (min-width: 1200px) {
.thumbnail-image {
height:400px;
margin: 16px auto;
font-size: 1em;
}
}
.view-hp-latest-stories .view-content,.stories-container {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
padding: 0;
max-width: 1200px;
margin: 0 auto;
}
.view-hp-latest-stories .views-row,.story-tile {
text-align: left;
padding: 16px;
margin: 12px;
min-width: 275px;
width: 75%;
box-shadow: 0 0 4px #999;
background: white;
}
.view-hp-latest-stories .views-row p,.story-tile p {
font-size: 0.8em;
}
@media (min-width: 600px) {
.view-hp-latest-stories .views-row,.story-tile {
width:40%;
}
}
@media (min-width: 1200px) {
.view-hp-latest-stories .views-row,.story-tile {
-ms-flex:0 1 20%;
flex: 0 1 20%;
}
}
.view-hp-latest-stories .views-field-field-ls-story-thumb,.story-image {
margin-bottom: 8px;
width: calc(100% + 32px);
position: relative;
left: -16px;
top: -16px;
}
.view-hp-latest-stories .views-field-field-ls-story-thumb img,.story-image img {
display: block;
height: auto;
min-width: 100%;
}
.view-hp-latest-stories .views-field-title a,.story-link {
font-family: 'Poppins';
color: #485cc7;
}
.view-hp-latest-stories .views-field-title a:after {
content: " »";
}
.blog-snippets {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding: 0;
margin: 0 auto;
max-width: 1200px;
}
@media (min-width: 900px) {
.blog-snippets {
-ms-flex-flow:row wrap;
flex-flow: row wrap;
}
}
.snippets--article {
-ms-flex: 1;
flex: 1;
text-align: left;
border-bottom: 1px solid white;
padding: 32px 0 12px;
max-width: 550px;
margin: 0 auto;
}
@media (min-width: 900px) {
.snippets--article {
-ms-flex-preferred-size:40%;
flex-basis: 40%;
width: 40%;
margin: 0 16px;
}
}
@media (min-width: 1200px) {
.snippets--article {
margin:0 auto;
}
}
.snippets--readmore {
float: right;
font-family: 'Poppins';
color: #5DD9C1;
font-size: 0.88em;
top: -8px;
left: -6px;
}
@media (min-width: 900px) {
.snippets--readmore {
top:-16px;
}
}
.snippets--date {
font-family: 'Poppins';
text-transform: uppercase;
text-align: center;
line-height: 1.2;
}
.date--day {
font-size: 1.8em;
font-weight: bold;
line-height: 1.2;
}
.date--year {
font-family: Helvetica,Arial,sans-serif;
font-weight: 100;
font-size: 0.8em;
letter-spacing: 2px;
line-height: 1.2;
}
.tk-wrap {
--section-height: 1100px;
}
@media (min-width: 900px) {
.tk-wrap {
--section-height:550px;
}
}
#views_slideshow_cycle_teaser_section_slideshow_hp-block_1,#views_slideshow_cycle_div_slideshow_hp-block_1_0 {
width: 100% !important;
}
.slideshow-bg {
--bluebanner-height: 230px;
overflow: hidden;
position: absolute;
top: var(--bluebanner-height);
left: 0;
height: calc(var(--section-height) - var(--bluebanner-height));
width: 100%;
z-index: 1;
}
.slideshow-bg picture,.slideshow-bg img {
-o-object-fit: cover;
object-fit: cover;
}
.slideshow-bg img {
min-height: 550px;
}
@media (max-width: 599px) {
.slideshow-bg {
--bluebanner-height:275px;
}
}
@media (min-width: 900px) {
.slideshow-bg {
top:0;
height: var(--section-height);
}
.slideshow-bg img {
height: 550px;
}
}
@media (min-width: 1200px) {
.slideshow-bg {
left:50%;
transform: translateX(-50%);
width: 1400px;
}
}
._30-days-bookmark {
pointer-events: auto;
color: white;
width: calc(100% + 80px);
left: -40px;
padding: 0 24px;
background-color: #485cc7;
z-index: 9;
}
@media (min-width: 900px) {
._30-days-bookmark {
background-color:transparent;
width: 280px;
left: -12px;
}
}
._30-days__logo {
display: block;
margin: 0 auto;
}
._30-days-subtitle {
font-size: 1.6rem;
line-height: 1.6;
top: -16px;
display: inline;
}
._30-days-link {
color: white;
text-transform: uppercase;
text-decoration: underline;
font-size: 1.6rem;
line-height: 1.6;
font-family: 'Poppins';
top: -16px;
}
@media (min-width: 900px) {
._30-days-link {
top:0;
font-size: 1.4rem;
margin-top: 12px;
}
}
._30-days__background {
display: none;
}
@media (min-width: 900px) {
._30-days__background {
display:block;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
}
._30-days__i-will {
top: -140px;
text-align: center;
}
._30-days__i-will .i-will {
color: #485cc7;
text-align: center;
font-size: 3em;
max-width: 80%;
margin: 0 auto;
}
._30-days__i-will .i-will__yellow {
display: block;
color: #f1b434;
font-size: 2.5em;
line-height: 1.2;
}
@media (min-width: 600px) {
._30-days__i-will {
top:-200px;
}
}
@media (min-width: 900px) {
._30-days__i-will {
position:absolute;
top: 0;
right: 100px;
margin-top: 48px;
}
._30-days__i-will .i-will {
font-size: 3.5em;
max-width: 350px;
}
}
.home-top {
position: relative;
font-size: 1em;
background-image: var(--m-bg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-color: var(--bg-col);
height: 133vw;
text-align: center;
color: #485cc7;
overflow: hidden;
}
@media (min-width: 600px) {
.home-top {
background-image:var(--t-bg);
height: 420px;
min-height: 0;
}
}
.home-top .home-full {
position: absolute;
width: 100%;
height: 100%;
left: 0;
z-index: 10;
}
.home-top .home-right {
text-align: center;
position: absolute;
width: 100%;
height: auto;
right: 0;
top: 50%;
transform: translateY(-50%);
z-index: 10;
}
.home-top .home-right .blue-back {
display: block;
padding: 20px;
border-radius: 8px;
margin: 120px auto 0;
max-width: 40ch;
}
@media (min-width: 900px) {
.home-top .home-right .blue-back {
margin:0;
max-width: none;
}
}
.home-top .text--yellow {
color: #f1b434;
}
.home-top .text--purple {
color: #4A327D;
}
.home-top .text--white {
color: white;
}
.home-top .top-header {
font-size: 1.3em;
line-height: 1.5;
}
.home-top .top-flag {
background: #485cc7;
color: white;
padding: 16px 32px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
font-size: 1em;
}
.home-top .top-flag:after {
content: '';
border-top: 52px solid #485cc7;
border-right: 30px solid transparent;
position: absolute;
top: 0;
right: -29px;
z-index: -1;
}
@media (min-width: 900px) {
.home-top .top-flag {
font-size:1.5em;
}
.home-top .top-flag:after {
border-top: 63px solid #485cc7;
}
}
.home-top.bg-cover {
background-size: cover;
}
.home-top.bg-contain {
background-size: contain;
}
.home-top.bg-green {
background-color: #297544;
}
.home-top.gradient-right:after,.home-top.gradient-mobile:after {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: linear-gradient(to top,rgba(255,255,255,0) 30%,white 40%);
}
@media (min-width: 600px) {
.home-top.gradient-right:after,.home-top.gradient-mobile:after {
background:linear-gradient(to top,rgba(255,255,255,0) 40%,white 60%);
}
}
@media (min-width: 900px) {
.home-top.gradient-mobile:after {
display:none;
}
}
.home-top .uppercase {
text-transform: uppercase;
}
.home-top .blue-back {
background: #485cc7;
padding: 8px;
display: inline;
}
.home-top h1 {
text-align: center;
font-size: 1.9em;
line-height: 2.2;
max-width: 60ch;
}
@media (min-width: 900px) {
.home-top h1 {
font-size:2.4em;
line-height: 1.9;
}
}
.home-top img {
max-height: 180px;
max-width: 180px;
margin: 0 auto 16px;
}
.home-top .hero-copy.hero-copy {
max-width: 500px;
font-size: 1.5em;
line-height: 1.6;
margin: 0 auto;
}
@media (min-width: 900px) {
.home-top .hero-copy.hero-copy {
font-size:1.6em;
line-height: 1.5;
margin-bottom: 24px;
}
}
.home-top .home-container > * {
max-width: 960px;
margin-right: auto;
margin-left: auto;
margin-bottom: 16px;
z-index: 2;
}
.home-top .tk-button {
font-size: 1rem;
z-index: 2;
display: block;
margin: 24px auto 0;
max-width: 250px;
}
@media (max-width: 899px) {
.home-top .button--outline {
color:white;
background: #485cc7;
border-color: #485cc7;
}
}
@media (min-width: 900px) {
.home-top {
font-size:1.5em;
text-align: center;
color: #485cc7;
height: 450px;
padding: 0;
background: url(/sites/all/themes/mda_bootstrap_subtheme/img/header_right.jpg) no-repeat;
background-image: var(--bg);
background-size: cover;
background-position: var(--bg-pos);
background-color: var(--bg-col);
}
}
@media (min-width: 900px) and (min-width:2000px) {
.home-top {
height:22vw;
}
}
@media (min-width: 900px) {
.home-top .home-right {
text-align:right;
position: absolute;
width: 50%;
z-index: 10;
padding-right: 32px;
}
.home-top.gradient-right:after {
background: linear-gradient(to right,rgba(255,255,255,0) 40%,white 55%);
}
.home-top:after {
bottom: 24px;
left: 24px;
transform: none;
}
}
.home-top .text--left {
text-align: left;
}
.home-top .text--center {
text-align: center;
}
.home-top .pt4 {
padding-top: 24px;
}
.full-link,.hide-text {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0;
z-index: 10;
}
.banner--blue h2 {
font-size: 1.3em;
max-width: 60ch;
margin: 0 auto 16px;
}
.search-banner .tk-button {
margin-bottom: 0;
}
.search-banner.bg-green {
background: #297544;
}
.promo-banner {
background: #e2e5f4;
color: #414042;
text-align: left;
font-size: 0.6em;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-ms-flex-pack: center;
justify-content: center;
gap: 32px;
-ms-flex-align: center;
align-items: center;
}
.promo-banner p {
max-width: 105ch;
}
.promo-banner img {
max-width: 200px;
border-radius: 50%;
}
.promo-banner a {
font-weight: bold;
}
.promo-banner > * {
display: inline-block;
margin-bottom: 16px;
}
@media (min-width: 900px) {
.promo-banner {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
}
.promo-banner > * {
margin-bottom: 0;
}
.promo-banner img {
margin: 0 16px;
}
}
.home-freedom {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
border-bottom: 1px solid #ddd;
}
@media (min-width: 900px) {
.home-freedom {
-ms-flex-direction:row;
flex-direction: row;
}
}
@media (min-width: 900px) {
.freedom-left,.freedom-right {
width:50%;
}
}
.freedom-left {
padding: 64px 32px;
text-align: center;
background: url("https://www.mda.org/files/mda-frontend/homepage/about-nm.jpg") center no-repeat;
background-size: cover;
min-height: 500px;
}
@media (min-width: 900px) {
.freedom-left {
text-align:left;
}
}
.freedom-left > * {
margin-left: auto;
margin-right: auto;
max-width: 550px;
}
@media (min-width: 900px) {
.freedom-left > * {
margin-left:auto;
margin-right: 64px;
}
}
@media (max-width: 599px) {
.freedom-left {
background-position:70% 0px;
}
}
.freedom-right {
padding: 64px 32px;
text-align: center;
background: #f1eced;
}
@media (min-width: 900px) {
.freedom-right {
text-align:left;
}
}
.freedom-right > * {
margin-left: auto;
margin-right: auto;
max-width: 550px;
}
@media (min-width: 900px) {
.freedom-right > * {
margin-right:auto;
margin-left: 64px;
}
}
@media (min-width: 900px) {
.freedom-right > * {
max-width:450px;
}
}
.home-what-we-do {
padding: 56px 32px;
text-align: center;
}
.home-what-we-do > p {
max-width: 900px;
margin: 0 auto 16px;
}
.home-icon-list {
margin: 0;
padding: 0;
}
.icon-list--icon {
width: 140px;
height: 140px;
fill: #5DD9C1;
margin-bottom: 32px;
}
.image-150 {
background: url("https://www.mda.org/files/mda-frontend/homepage/150.jpg") center no-repeat;
background-size: cover;
}
.image-nearly50k {
background: url("https://www.mda.org/files/mda-frontend/homepage/nearly50k.jpg") 85% center no-repeat;
background-size: cover;
}
.image-morethan {
background: url("https://www.mda.org/files/mda-frontend/homepage/moreThan.jpg") center no-repeat;
background-size: cover;
}
.home-volunteer {
padding: 56px 32px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.home-volunteer p {
max-width: 45em;
margin: 0 auto 24px;
}
.home-stories {
background: #ebe4e4;
padding: 56px 24px;
text-align: center;
}
.home-stories h2 {
margin-bottom: 16px;
font-size: 1.5em;
}
@media (min-width: 900px) {
.home-stories {
padding:56px 32px;
}
}
.stories-button {
margin-top: 48px;
}
.home-news {
color: white;
background: #4A327D;
padding: 56px 24px;
text-align: center;
font-size: 0.8em;
}
.home-news h2 {
text-align: center;
font-size: 1.87rem;
}
.home-news .view-content {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
max-width: 1200px;
margin: 0 auto;
text-align: left;
}
.home-news .views-row {
width: 100%;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
padding: 24px 0;
border-bottom: 1px solid rgba(255,255,255,0.5);
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
@media (min-width: 600px) {
.home-news .views-row {
width:100%;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
}
.home-news .views-field-field-article-date {
font-size: 1em;
opacity: 0.6;
margin-bottom: 0;
}
.home-news .views-field-title {
font-family: 'Poppins';
font-size: 1.1em;
margin-bottom: 16px;
}
.home-news .views-field-title a:link,.home-news .views-field-title a:visited {
color: white;
}
.home-news .views-field-field-pr-sub-headline {
line-height: 1.7;
margin-bottom: 16px;
}
.home-news .views-field-field-external-pr-url,.home-news .views-field-field-event-link {
font-family: 'Poppins';
}
.home-news .views-field-field-external-pr-url a:link,.home-news .views-field-field-external-pr-url a:visited,.home-news .views-field-field-event-link a:link,.home-news .views-field-field-event-link a:visited {
color: #5DD9C1;
}
.home-news .views-field-field-external-article {
font-family: 'Poppins';
}
.home-news .views-field-field-external-article a:link,.home-news .views-field-field-external-article a:visited {
color: #5DD9C1;
}
.home-news .tk-button {
margin-top: 42px;
}
@media (min-width: 900px) {
.home-news {
font-size:1em;
padding: 56px 32px;
}
}
.views-field-field-event-date-full-iso {
opacity: 0.6;
}
.home-split {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
@media (min-width: 900px) {
.home-split {
-ms-flex-direction:row;
flex-direction: row;
}
}
.split--left {
padding: 56px 24px;
-ms-flex: 1;
flex: 1;
text-align: center;
}
@media (min-width: 900px) {
.split--left {
text-align:left;
}
}
.split--left > * {
margin-left: auto;
margin-right: auto;
max-width: 550px;
}
@media (min-width: 900px) {
.split--left > * {
margin-left:auto;
margin-right: 64px;
}
}
.split--left > * {
max-width: 500px;
}
@media (min-width: 900px) {
.split--left {
text-align:center;
padding: 56px 32px;
}
}
.split--right {
padding: 56px 24px;
-ms-flex: 1;
flex: 1;
text-align: center;
}
@media (min-width: 900px) {
.split--right {
text-align:left;
}
}
.split--right > * {
margin-left: auto;
margin-right: auto;
max-width: 550px;
}
@media (min-width: 900px) {
.split--right > * {
margin-right:auto;
margin-left: 64px;
}
}
.split--right > * {
max-width: 500px;
}
@media (min-width: 900px) {
.split--right {
text-align:center;
padding: 56px 32px;
}
}
.split-meet-our-partners {
background: #e6ecf3;
}
@media (min-width: 900px) {
.split-meet-our-partners {
padding:56px 32px;
text-align: center;
}
.split-meet-our-partners .tk-button {
width: 350px;
}
}
.split-join-us {
background: #e9e6ef;
}
.join-form.join-form {
max-width: 300px;
margin: 39px auto 0px;
}
.join-form.join-form > * {
margin: 0 0 8px;
}
.join-form.join-form .actions.actions {
margin-top: 4px;
width: 100%;
}
@media (min-width: 900px) {
.join-form.join-form {
max-width:350px;
}
}
.join-form--inline.join-form--inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
max-width: 350px;
margin: 0 auto;
}
.join-form--inline.join-form--inline > * {
-ms-flex: 1;
flex: 1;
margin: 0 0 24px;
}
@media (min-width: 900px) {
.join-form--inline.join-form--inline {
-ms-flex-flow:row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
max-width: 800px;
}
.join-form--inline.join-form--inline .field-container-D {
margin: 0;
}
.join-form--inline.join-form--inline .field-container-D .inputWrapper {
margin: 0;
}
.join-form--inline.join-form--inline .field-container-D input {
border-left: 1px solid #ccc;
padding: 16px;
}
.join-form--inline.join-form--inline .field-container-D:first-child input {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border: none;
}
.join-form--inline.join-form--inline .field-container-D:nth-child(3) input {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.join-form--inline.join-form--inline .field-container-D input {
border-radius: 0;
box-shadow: none;
}
.join-form--inline.join-form--inline > * {
margin: 0 12px;
}
.join-form--inline.join-form--inline .tk-button {
max-width: 250px;
}
}
.media-wysiwyg-align-left,.media-float-left {
float: left;
margin-right: 20px;
}
.media-wysiwyg-align-right,.media-float-right {
float: right;
margin-left: 20px;
}
.media-wysiwyg-align-center {
text-align: -moz-center;
text-align: -webkit-center;
text-align: center;
}
/* footer bottom */
.mdaorg{display: none !important;}
.mobsection{display: none;}
/* menu hold */
.custom-navbar-toggler{display: none;}
html{width: 100% !important; overflow-x: hidden !important;}
/* Lightbox Styling with Transition */
.lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.lightbox.show {opacity: 1; visibility: visible; display: flex !important ; align-items: center; justify-content: center; z-index: 99999;}
.lightbox-content {
position: relative;
width: 80%;
max-width: 800px;
background: #000;
padding: 15px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
transform: scale(0.9);
transition: transform 0.5s ease;
}
.lightbox.show .lightbox-content {
transform: scale(1);
}
iframe {
width: 100%;
height: 450px;
border-radius: 10px;
}
.close {position: absolute; top: 10px; right: 10px; font-size: 27px; color: #fff !important; cursor: pointer !important; opacity: 100% !important; font-weight: 400;}
.section-title { font-size: 37px; font-weight: bold; color: #3d3d9d; margin-bottom: 10px; font-family: 'Poppins'; text-align: left; }
.section-subtitle { font-size: 16px; color: #000; margin-bottom: 40px; line-height: 1.6; font-family: 'Poppins'; text-align: left; }
.card { padding: 0px; border-radius: 5px; text-align: center; margin-bottom: 20px; }
.card img {
margin-bottom: 15px;
border-radius: 5px;
}
.card-title { font-size: 24px; font-weight: 500; margin-bottom: 10px; color: #3d3d9d; text-align: justify; font-family: 'Fredoka'; }
.card p{font-size: 14px; color: #000; font-family: 'Poppins'; text-align: left;}
.card .icon img{margin-bottom: 0px !important; border-radius: 0px !important;}
.join-movement-section {
padding: 60px 0;
background-color: #f9f9f9;
}
.join-movement-section .btn-warning {
background-color: #ffc107;
border-color: #ffc107;
color: #fff;
font-weight: bold;
margin-top: 10px;
text-transform: uppercase;
}
.join-movement-section .btn-warning:hover {
background-color: #e0a800;
border-color: #e0a800;
color: #fff;
}
.join-movement-section .btn-warning span {
display: inline-block;
margin-left: 5px;
transition: transform 0.3s ease;
}
.join-movement-section .btn-warning:hover span {
transform: translateX(5px);
}
.lastcard .noselect{width: 250px !important;}
.lastcard .noselect:hover .icon{width: 250px !important; right: 32% !important;}
.card .noselect .text{font-size: 15px; }
.lastcard .noselect .icon{right: 60%;}
.lastcard .noselect:hover .icon
.join-movement-section{background: url('../../..');}
/* Responsive */
@media (max-width: 1280px) and (min-width: 1024px){
}
@media (max-width: 1023px) and (min-width: 992px){
}
@media (max-width: 991px){
h1{font-size:24px;}
h2{font-size:19px;}
h3{font-size:16px;}
h4{font-size:14px;}
}
@media (max-width: 767px){
.dropdown:hover > .dropdown-menu{width: 100%; text-align: center;}
.head-menu .main-nav .navbar .navbar-nav li .dropdown-menu li a:hover{color: #fff;}
.custom-navbar-toggler{height: 25px !important; width: 30px; margin-left: auto;}
header{display: block; position: relative; margin: 0px !important;}
header .custom-nav { text-align: end; position: relative; margin-top: -40px; right: 20px; margin-bottom: 21px; }
header .nav-items li{display: block; text-align: left !important;}
header .nav-items{margin-top: 41px; display: block;}
header .icon{margin-top:20px;}
.banner-content { position: relative; z-index: 2; max-width: -webkit-fill-available; width: 100%; }
.banner{padding: 50px 15px !important; align-items: end; height: 80vh !important;}
.banner h1 span{font-size: 30px !important;}
.banner-overlay{background-size: 40% !important;}
.scrollrow .container-fluid .row { display: flex ; height: 100% !important; flex-wrap: wrap; flex-direction: column; }
.timeline-container{display: none !important;}
.scrollrow .container-fluid .row .col-md-8 img{height: 60vh;}
.scrollrow .datesidesheet { padding: 40px 15px !important; }
.scrollrow .lastrow{background-size: 40% !important;}
.footer .tk-footer{ background-size: 45%;}
.wFormContainer{display: none !important;}
.tk-footer.tk-footer p{text-align: left !important;}
footer .bottom-2{display: none !important;}
footer .footer--grid{display: none !important;}
.footer--social-2{text-align: left !important;}
.tk-footer.tk-footer p{line-height: 24px !important;}
.mdaorg{display: block !important; margin-bottom: 20px !important; position: relative;}
.mdaorg .icon{top: 0px !important;}
.mdaorg span.text{margin-left: -35px !important;}
.scrollrow .container-fluid .row{background-size: 25% ;}
.footer--social-icon .icon {filter: brightness(0) invert(0);}
.footer--social-icon{background-color: #fff0 !important;}
.mobsection{display: block !important;}
.desktopversion .scrollrow{display: none !important;}
.seventyfive h3{color: #E64560; font-size: 24px; line-height: 32px; font-weight: 600; padding: 14px 0px;}
.seventyfive p{color: #475468; font-size: 16px; line-height: 26px;}
.seventyfive .datesidesheet{padding-left: 15px; padding-right: 15px; padding-top: 60px; padding-bottom: 60px;}
.scrollrow .container-fluid .row{margin-left: 0px !important; margin-right: 0px !important;}
.scrollrow .container-fluid .row .col-md-8{padding-left: 0px !important; padding-right: 0px !important;}
.scrollrow .container-fluid .row .col-md-4{padding-left: 0px !important; padding-right: 0px !important;}
.swiper-button-next{left: 250px; position: absolute;}
.swiper-button-prev{left: 190px; position: absolute;}
.rightleftnav{position: absolute; bottom: 33px;}
.scrollrow{position: relative; padding-bottom: 20px;}
.swiper-button-prev::after{content: url('../../../wp-content/uploads/2024/12/Group-30187-1.png') !important;}
.swiper-button-next::after{content: url('../../../wp-content/uploads/2024/12/Group-30188141.png') !important;}
.custom-navbar-toggler{display: flex !important;}
}
@media (max-width: 577px){
header .logo img{width: 60% !important;}
.custom-navbar-toggler { height: 20px !important; width: 25px;}
header .custom-nav { text-align: end; position: relative; margin-top: -31px; right: 0px; margin-bottom: 8px; }
}
@media (max-width:375px)
{
.swiper-button-next{left: 210px; position: absolute;}
.swiper-button-prev{left: 140px; position: absolute;}
}
@media (max-width:320px){
}