/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         TWOFOX Limited
 Author URI:     https://www.twofox.co.uk
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@media screen and (min-width:1601px){
	#tft-header-menu li, #tft-header-menu li a{font-size:18px !important;}}

@media screen and (max-width:1600px){
	#tft-header-menu li, #tft-header-menu li a{font-size:17px !important;}}

@media screen and (max-width:1400px){
	#tft-header-menu li, #tft-header-menu li a{font-size:16px !important;}
	#tft-header-menu .et_pb_menu__icon{font-size:16px !important;}}

@media screen and (max-width:1200px){
	#tft-header-menu li, #tft-header-menu li a{font-size:15px !important;}
	#tft-header-menu .et_pb_menu__icon{font-size:15px !important;}}

@media screen and (max-width:1100px){
	#tft-header-menu li, #tft-header-menu li a{font-size:14px !important;}
	#tft-header-menu .et_pb_menu__icon{font-size:14px !important;}}

@media screen and (max-width:1024px){
	#tft-header-menu li, #tft-header-menu li a{font-size:12px !important;}}

@media screen and (max-width:981px){
	#tft-header-menu .et_pb_menu__icon{font-size:16px !important;}}

@media screen and (max-width: 641px) {
	#tft-header-menu .et_mobile_nav_menu{margin: 0 3px !important;}}

@media screen and (max-width: 1000px) {
	#tft-account-menu .et_pb_menu__menu{display: block !important; text-align: right;}
	#tft-account-menu .et_mobile_nav_menu{display: none !important;}}

@media only screen and (min-width: 1441px) {
    .dfg-customized .dp-dfg-layout-grid .dp-dfg-items {grid-template-columns: repeat(15, 1fr) !important;}
    .dfg-customized .dp-dfg-container .dp-dfg-item:nth-child(-n+3) {grid-column: span 5;}
    .dfg-customized .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 3;}
	
	.dfg-updates .dp-dfg-layout-grid .dp-dfg-items {grid-template-columns: repeat(12, 1fr) !important;}    	     
 	.dfg-updates .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 3;}
}

@media only screen and (max-width: 1440px) and (min-width: 981px) {
    .dfg-customized .dp-dfg-layout-grid .dp-dfg-items {grid-template-columns: repeat(12, 1fr) !important;}
    .dfg-customized .dp-dfg-container .dp-dfg-item:nth-child(-n+2) {grid-column: span 6;}
    .dfg-customized .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 4;}
	
	.dfg-updates .dp-dfg-layout-grid .dp-dfg-items {grid-template-columns: repeat(12, 1fr) !important;}
	.dfg-updates .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 4;}
}

@media only screen and (max-width: 980px) and (min-width: 750px) {
    .dfg-customized .dp-dfg-layout-grid .dp-dfg-items{grid-template-columns: repeat(2, 1fr) !important;}
    .dfg-customized .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 1;}
}

@media only screen and (max-width: 980px) and (min-width: 641px) {
	.dfg-updates .dp-dfg-layout-grid .dp-dfg-items{grid-template-columns: repeat(2, 1fr) !important;}
    .dfg-updates .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 1;}
}

@media only screen and (max-width: 980px) {
	.dfg-product-image-grid .dp-dfg-layout-grid .dp-dfg-items {grid-template-columns: repeat(2, 1fr) !important;}    	     
 	.dfg-product-image-grid .dp-dfg-layout-grid .dp-dfg-item {grid-column: auto / span 1;}
}
/*
.mepr-submit{
    padding: 5px 30px 5px 30px;
    background-color: white;
    color: #ff7f00;
    border: 1px solid #ff7f00;
    border-radius:0px;
    font-family: Verdana, Helvetica, FreeSans, sans-serif;
    font-size:16px;
    font-variant: small-caps;
    letter-spacing: 1px;
    float:right;
    transition: 0.3s;
}

.mepr-submit:hover{
    background-color: #ff7f00 !important;
    color: white !important;
    border: 1px solid #ff7f00 !important;
    border-radius: 0px;
    letter-spacing: 1px;
    cursor: pointer;
}
*/
#wp-submit,
.mepr-share-button{
    padding: 5px 30px 5px 30px;
    background-color: white;
    color: #ff7f00;
    border: 1px solid #ff7f00;
    border-radius:0px !important;
    font-family: Verdana, Helvetica, FreeSans, sans-serif;
    font-size:16px;
    font-variant: small-caps;
    letter-spacing: 1px;
    float:right;
    transition: 0.3s;
}

#wp-submit:hover, 
.mepr-share-button:hover{
    background-color: #ff7f00 !important;
    color: white !important;
    border: 1px solid #ff7f00 !important;
    border-radius: 0px;
    letter-spacing: 1px !important;
    cursor: pointer;
}

.stripe-visa-icon, 
.stripe-amex-icon, 
.stripe-mastercard-icon, 
.stripe-discover-icon, 
.stripe-jcb-icon, 
.stripe-diners-icon{ width:50px; }

/*
.woocommerce-cart-form__contents tbody tr td.actions div.coupon button.button,
.woocommerce-coupon-form div.coupon.under-proceed button.button{
    padding: 5px 30px 5px 30px;
    background-color: white;
    color: #c8c8c8;
    border: 1px solid #c8c8c8 !important;
    border-radius:0px !important;
    font-family: Verdana, Helvetica, FreeSans, sans-serif;
    font-size:16px;
    font-variant: small-caps;
    letter-spacing: 1px;
    float:right;
    transition: 0.3s;   
}

.woocommerce-cart-form__contents tbody tr td.actions div.coupon button.button:hover,
.woocommerce-coupon-form div.coupon.under-proceed button.button:hover{
    background-color: #c8c8c8 !important;
    color: white !important;
    border: 1px solid #c8c8c8 !important;
    border-radius: 0px;
    letter-spacing: 1px !important;
    cursor: pointer;
}
*/

#register-study-button,
#buy-now-button{
  border: 1px solid #ff7f00;
  background-color:white;
  height:36px;
  text-align: center;
  vertical-align: middle;
  font-variant: small-caps;
  font-size:24px;
  font-style: normal;
  font-weight:700;
  margin-top:20px;
  margin-bottom:20px;
  color: #ff7f00 !important;
  padding: 8px 16px 8px 16px;
  transition: background-color 0.3s ease;
}


#register-study-button:hover,
#buy-now-button:hover{
  color: white !important;
  border: 2px solid #ff7f00;
  background-color:#ff7f00;
}

.tft-custom-ul {
  list-style-type: none !important;
  margin: 2%;
  padding: 0;
}

.tft-custom-ul li{
  padding:0.5em;
}

.tft-custom-ul li:before{
  font-family: 'ETMODULES' !important;
  margin-right: 1em;
  margin-left: -2em;
  font-size: 1.4em!important;
  position:relative;
  top: 0.1em;
}

.tft-custom-ul .li-info:before{
  content: '\24'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-question:before{
  content: '\74'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-comment:before{
  content: '\e065'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-contact:before{
  content: '\e010'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-checkmark:before{
  content: '\4e'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-checkmark-box:before{
  content: '\5a'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-rates:before{
  content: '\e0ed'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-search:before{
  content: '\e101'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-options:before{
  content: '\67'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-smr-arrow:before{
  content: '\45'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-sml-arrow:before{
  content: '\44'!important;
  color:#ff7f00;
}

.tft-custom-ul .li-graph-image:before{
	content: '\e0ec'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-magnify:before{
  content: '\55'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-thumb:before{
  content: '\e106'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-signup:before{
  content: '\6c'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-unlocked:before{
  content: '\e000'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-key-unlock:before{
  content: '\e001'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-lightbulb:before{
  content: '\e007'!important;
	color:#ff7f00;
}

.tft-custom-ul .li-gift:before{
  content: '\e008'!important;
	color:#ff7f00;
}

.tft-icon-home:before{
	font-family: 'ETMODULES' !important;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-weight: 900;
	content: '\e074'!important;
}

.tft-icon-cart:before{
	font-family: 'ETMODULES' !important;
	font-style: normal;
	margin: 0;
	padding: 0;
	font-weight: 900;
	content: '\e07a'!important;
}

@media screen and (min-width:1281px){
	#cookie-notice .cookie-notice-container{ max-width: 60% !important;}}
@media screen and (max-width:1280px){
	#cookie-notice .cookie-notice-container{ max-width: 70% !important;}}
@media screen and (max-width:981px){
	#cookie-notice .cookie-notice-container{ max-width: 80% !important;}}
@media screen and (max-width:640px){
	#cookie-notice .cookie-notice-container{ max-width: 90% !important;}}

#cookie-notice .cookie-notice-container { margin: auto !important;}

#cn-accept-cookie {background: #20c14a !important;}
#cn-refuse-cookie {background: #f14343 !important;}

.tft-active-menu-container{
  position:relative !important;
  display:flex !important;
  text-align:center !important;
  margin-left:-1em;  
}

.tft-active-menu-container li{
  position:relative !important;
  list-style:none !important;
}

.tft-active-menu-container li a{
  position:relative !important;
  display:inline-block !important;
  color:#323232 !important;
  border: 1px solid #c8c8c8 !important;
  margin: 0px !important;
  padding: 4px 15px !important;
  background-color:#fbfcfd !important;
}

.tft-active-menu-container li a.active{
  background-color:#ff7f00 !important;
  border: 1px solid #ff7f00 !important;
  color:white !important;
  font-weight:700 !important;
}

.tft-active-menu-container li a:hover{
  background-color:#ffb000 !important;
  border: 1px solid #ffb000 !important;
  color:white !important;
  transition:all 0.2s ease-in !important; 
  -moz-transition:all 0.2s ease-in !important; 
  -webkit-transition:all 0.2s ease-in !important;
}

/****** custom loader icon *******/
.dp-dfg-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -64px;
    margin-left: -64px;
}

.my_custom_loader img {
	border-radius: 50%;	
	width: 128px;
	height: 128px;
    animation: spin 2s ease infinite;
	margin: 0 auto;
}

@keyframes spin {
   	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/****** Lightbox Styling *******/
[class*="lightbox-trigger-"] {cursor:pointer;}
[class*="lightbox-content-"] {position:relative; z-index: unset !important;}
[class*="lightbox-content-"] .mfp-close {color:#323232 !important;}
[class*="lightbox-content-"] .mfp-close:active {top:0px !important;}