/*
Theme Name: Zouves Foundation
Theme URI: https://zffrm.org
Author: ZFFRM
Author URI: https://zffrm.org
Description: Custom Wordpress theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zffrm
*/
@font-face {font-family:"Lato Bold";src:url("fonts/Lato-Bold.eot?") format("eot"),url("fonts/Lato-Bold.woff") format("woff"),url("fonts/Lato-Bold.ttf") format("truetype"),url("fonts/Lato-Bold.svg#Lato-Bold") format("svg");font-weight:normal;font-style:normal;}

@font-face {font-family:"Lato Regular";src:url("fonts/Lato-Regular.eot?") format("eot"),url("fonts/Lato-Regular.woff") format("woff"),url("fonts/Lato-Regular.ttf") format("truetype"),url("fonts/Lato-Regular.svg#Lato-Regular") format("svg");font-weight:normal;font-style:normal;}

.page h1, .page h2, .page h3 {
    font-family: "Times New Roman", serif;
    margin-bottom: 1.5rem!important;
}


.alignleft {
float: left; margin: 0 15px 15px;
}

.alignright{
float: right; margin: 0 0 15px 15px;
}

.wpcf7-form br {
    display: none;  
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
.navbar-light .navbar-nav .nav-link
{
    font-family: 'Lato Bold';
    font-weight: normal;
    color: #656565;
    font-size:14px;
}
.tooltip-cls {
    position: relative;
    display: inline-block;
    font-weight:normal;
    font-family: 'Lato Regular';
}


.tooltip-cls:after{
opacity: 0;
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;

background: #ededed;
background: rgba(237, 237, 237, .8);
border-radius: 0px;
color: #000000;
font-family: 'Lato Bold';
    font-weight: bold;
    text-align: center;
content: attr(title);
top:50px;
left:250px;
padding: 5px 15px;
position: absolute;
z-index: 98;
width: 220px;
}

.tooltip-cls:hover:after {
    opacity:1;
}
.banner__info-container h1
{
    width: 685px;
    margin: auto;
}
.banner__info-container
{
    padding-top:40px !important;
    padding-bottom:120px !important;
}
.founders__info-container
{
    width:680px;
    margin:auto;
}
.founders__info-container h2
{
    margin-bottom:25px !important;
}
.founders__info-container a
{
    font-family: 'Lato Regular';
    font-weight: normal;
    font-size: 1rem;
}
.founders__info-container
{
    margin-bottom:100px;
}
#menu-footer a
{
    font-family: 'Lato Bold';
    font-size:13px;
}
.page
{
    font-family:'Lato Regular';
    font-size: 18px;
}
footer span
{
    font-family: 'Lato Bold';
    font-size: 14px;    
}
.meter-start
{
    background-color:#49acc5;
    height:111px;
    width:106px;
    border-radius: 100px;
    float:left;
    top: -28px;
    position: relative;
}
.meter { 
    height: 50px;  /* Can be anything */
    position: relative;
    margin: auto; /* Just for demo spacing */
    background: #000000;
    z-index:-1;
    border-radius: 50px;
    max-width: 1060px;
    width:1060px;
}
.meter > span {
    display: block;
    height: 100%;
    float:left;
    left:54px;
    position: relative;
}
.orange::before
{
    content: '';
    display: block;
    background-color: #face22;
    height: 111px;
    width: 100px;
    border-radius: 50%;
    top: -28px;
    left: -40px;
    z-index:1;
    position: absolute;
}
.orange > span {
    background-color: #face22;
    background-image: -moz-linear-gradient(top, #face22, #face22);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #face22),color-stop(1, #face22));
    background-image: -webkit-linear-gradient(#face22, #face22); 
}
.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}
.fa-home
{
    display:none !important;
}
.donated_value
{
    width: 74%;
    background: #000000 !important;
    color: #ffffff;
    padding-top:12px;
    font-family: 'Lato Regular';
    float: left;
    margin-left:20px;
}
.tab-pane 
{
    font-family: 'Lato Regular';
}
.tabs h5
{
    font-family: 'Lato Bold';
    text-transform: uppercase;
    font-size: 18px;
    /*margin-bottom:30px;*/
    margin-bottom:15px;
    margin-top:45px;
    color: #000;
}
.tabs p
{
    margin-bottom:0px !important;
    color: #000000 !important;
    font-size: 14px !important;
}
/*.tabs .btn--primary
{
    margin-top:25px;
}*/
.address-check
{
    margin-top:45px;
}
#tab_container_162 .tab-content
{
    border: 5px solid #e6e6e6 !important;
    border-left: none !important;
    border-bottom: none !important;
    border-right: none !important;
}
.ult_tabmenu.style1, .ult_tabmenu.style2{
     border-bottom: 5px solid #ddd !important;
     font-family:'Lato Bold';
}
.ult_tab_li{
    border-top-left-radius: 0px !important; 
    border-top-right-radius:0px !important;
}
.tabs p span
{
    float:left;
    width:100%;
    font-style: italic;
    font-family: 'Lato Regular';
    font-size:14px;
    color:#aaaaaa;
    margin-bottom:15px !important;
}
.tabs ul
{
    list-style: none;
    padding:0px;
    margin-top:15px;
}
.tabs ul li 
{
    font-family: 'Lato Regular';
    font-size: 16px;
    line-height:35px;
}

.tabs ul li [type=radio]
{
margin-right: 10px;
}
.button-section
{
    margin: auto;
    width: 650px;
}
.button-section a
{
    cursor: pointer;
     pointer-events:auto;
}
/*.button-section span
{
    float:left;
    width:100%;
    text-align: center;
    padding-top:20px;
    font-family: 'Lato Regular';    
}*/
.button-section span {
    text-align: center;
    margin-bottom:20px;
    font-family: 'Lato Regular';
    font-size:16px;
}
#cc-payment form
{
    width:100%;
}
.page h1, .page h2, .page h3, .text--highlight {
    font-family: "Lato Bold" ;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px)
{ 

     .meter-start
    {
        background-color:#49acc5;
        height:55px;
        width:53px;
        border-radius: 100px;
        float:left;
        top: -28px;
        position: relative;
    }
    .meter { 
        height: 25px;  /* Can be anything */
        position: relative;
        margin: auto; /* Just for demo spacing */
        background: #000000;
        z-index:-1;
        border-radius: 50px;
        max-width: 300px;
    }
    .navbar-toggleable-md .navbar-nav .dropdown-menu
    {
    	background-color:#fbcf00 !important;
    }
    .meter > span {
        display: block;
        height: 100%;
        float:left;
        left:0px;
        position: relative;
    }
    .orange::before
    {
        content: '';
        display: block;
        background-color: #face22;
        height: 55px;
        width: 50px;
        border-radius: 50%;
        top: -15px;
        z-index:1;
        position: absolute;
    }
    .orange > span {
        background-color: #face22;
        background-image: -moz-linear-gradient(top, #face22, #face22);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #face22),color-stop(1, #49acc5));
        background-image: -webkit-linear-gradient(#face22, #face22); 
    }
    .nostripes > span > span, .nostripes > span:after {
        -webkit-animation: none;
        background-image: none;
    }
    .donated_value
    {
        width: 64%;
        background: #000000 !important;
        color: #ffffff;
        padding-top:0px;
        font-family: 'Lato Regular';
        float: left;
        margin-left:20px;
    }
    .tooltip-cls {
        position: relative;
        display: inline-block;
    }
    .tooltip-cls:after{
        opacity: 0;
        -webkit-transition: opacity .25s ease-in-out;
        -moz-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out;

        background: #ededed;
        background: rgba(237, 237, 237, .8);
        border-radius: 0px;
        color: #000000;
        font-family: 'Lato Regular';
            font-weight: normal;
            text-align: center;
        content: attr(title);
        top: 0px;
            left: 165px;
            padding: 5px 10px;
            position: absolute;
            z-index: 98;
            width: 160px;
        }
        .founders__info-container {
            width: auto;
            margin: auto;
        }
        .banner__info-container h1 {
             width: auto; 
             margin: auto; 
        }
        .px-5
		{
			padding:0px 0px 0px 0px !important;
		}
		.row
		{
			margin:0px 0px 0px 0px !important;
		}
		.col-9 {
		    -webkit-box-flex: 0;
		    -webkit-flex: 0 0 75%;
		    -ms-flex: 0 0 75%;
		    flex: 0 0 100%;
		    max-width: 100%;
		}
		header
		{
			margin-bottom:20px;
		}
		.tabs h5
		{
			text-align: center;
		}
}
@media only screen and (min-device-width: 360px) and (max-device-width: 640px)
{
	.banner__info-container h1
	{
		width:auto;
	}
	.founders__info-container
	{
		width:auto;
	}
	.px-5
	{
		padding:10px 0px 10px 0px !important;
	}
	.row
	{
		margin:0px 0px 0px 0px !important;
	}
	.col-9 {
	    -webkit-box-flex: 0;
	    -webkit-flex: 0 0 75%;
	    -ms-flex: 0 0 75%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	header
	{
		margin-bottom:20px;
	}
	.button-section
	{
		width:100%;
	}
    .button-section a
    {
        float:left;
        width:250px;
        margin:10px 0px 10px 0px;
    }
    .button-section .col-md-6, .button-section .col-md-12
    {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .meter > span {
    display: block;
    height: 100%;
    float: left;
     left: 0px; 
    position: relative;
}
	.orange::before {
	    content: '';
	    display: block;
	    background-color: #face22;
	    height: 55px;
	    width: 50px;
	    border-radius: 50%;
	    top: -15px;
	    z-index: 1;
	    position: absolute;
	}
    .donated_value
    {
        padding-top:0px !important;
    }
	.meter {
	    height: 25px;
	    position: relative;
	    margin: auto;
        left:25px;
	    background: #000000;
	    z-index: -1;
	    border-radius: 50px;
	    max-width: 300px;
	}
	.tabs h5
	{
		text-align: center;
	}
    .img-fluid {
        padding: 10px;
    }
    
    .footer-banner, .founders, .banner-research, .banner-scientific
    {
        min-height:80px;
        height:80px !important;
    }
    .vc_column-inner h5
    {
        margin-bottom: 1.5rem !important;
    }
	
}

.container-fluid.px-5 .row.py-5{
    padding-top: 0rem !important;
}
.bg-black .text-white{
    color: #656565 !important;
}

.dropdown-item:focus, .dropdown-item:hover{
    color: #656565 !important;
    text-decoration: none;
    background-color: #fbcf00 !important;
}
.tabs .btn-vehicle {
    margin-left: 50px;
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px)
{ 
    .meter
    {
        width: 700px;
        max-width: 700px;
    }
    .navbar-toggleable-md .navbar-nav .dropdown-menu
    {
        background-color:#fbcf00 !important;
    }
	
}
#menu-item-371_0 a {
	color: #656565;
	border-radius: 30px;
}
#menu-item-371_0 a:hover{
	color: rgba(0,0,0,.7);
}	
.banner img
{
    width:100%;
    height:auto;
}	
.founders
{
    padding-left:0px !important;
    padding-right: 0px !important;
}
.founders img
{
    width:100%;
    height: auto;
}	
	
.funding-head {
    font-size: 1.75rem;
    font-weight: 500 !important;
    font-family: "Lato regular" !important;
}
a.butt-payp {
    margin-top: 15px;
    margin-bottom: 25px;
}	

.ther-hide {
    display: none;
}
.cc h6, .cc p
{
    text-align:left;
    padding-left:15px;
}
.address-check-dn2 {
    margin-top: 20px;
}

.iframe_video{
	width: 100%;
    text-align: center;
}

@media screen and (min-width:320px) and (max-width:1023px){
	.dropdown .dropdown-menu {
    display: block;
	background-color: unset;
	}
}

.news_text {
    text-align: center;
    font-size: 25px;
}


@media (min-width: 1200px){
.iframe-container {
    width: 594px;
    max-width: 100%;
}
}

#container {
  background-color:#f1f1f1;
  width:100%;
  overflow:auto;
  position:absolute;
  top:138px;
  bottom:0;
  height:auto;
}
#textareacontainer, #iframecontainer {
  float:left;
  height:100%;
  width:50%;
}
#textarea, #iframe {
  height:100%;
  width:100%;
  padding-bottom:10px;
  padding-top:1px;
}
#textarea {
  padding-left:10px;
  padding-right:5px;  
}
#iframe {
  padding-left:5px;
  padding-right:10px;  
}
#textareawrapper {
  width:100%;
  height:100%;
  background-color: #ffffff;
  position:relative;
  box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#iframewrapper {
  width:100%;
  height:100%;
  -webkit-overflow-scrolling: touch;
  background-color: #ffffff;
  box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#textareaCode {
  background-color: #ffffff;
  font-family: consolas,"courier new",monospace;
  font-size:15px;
  height:100%;
  width:100%;
  padding:8px;
  resize: none;
  border:none;
  line-height:normal;    
}
.CodeMirror.cm-s-default {
  line-height:normal;
  padding: 4px;
  height:100%;
  width:100%;
}
#iframeResult, #iframeSource {
  background-color: #ffffff;
  height:100%;
  width:100%;  
}
#stackV {background-color:#999999;}
#stackV:hover {background-color:#BBBBBB !important;}
#stackV.horizontal {background-color:transparent;}
#stackV.horizontal:hover {background-color:#BBBBBB !important;}
#stackH.horizontal {background-color:#999999;}
#stackH.horizontal:hover {background-color:#999999 !important;}
#textareacontainer.horizontal,#iframecontainer.horizontal{
  height:50%;
  float:none;
  width:100%;
}
#textarea.horizontal{
  height:100%;
  padding-left:10px;
  padding-right:10px;
}
#iframe.horizontal{
  height:100%;
  padding-right:10px;
  padding-bottom:10px;
  padding-left:10px;  
}
#container.horizontal{
  min-height:200px;
  margin-left:0;
}
#tryitLeaderboard {
  overflow:hidden;
  text-align:center;
  margin-top:5px;
  height:90px;
}
  .w3-dropdown-content {width:350px}
  
@media screen and (max-width: 727px) {
  .trytopnav {top:70px;}
  #container {top:108px;}

}
@media screen and (max-width: 467px) {
  .trytopnav {top:60px;}
  #container {top:98px;}
  .w3-dropdown-content {width:100%}
}
@media only screen and (max-device-width: 768px) {
  #iframewrapper {overflow: auto;}
  #container     {min-width:320px;}
  .stack         {display:none;}
  #tryhome       {display:block;}
}

@font-face {
font-family: 'fontawesome';
src:url('../lib/fonts/fontawesome.eot?14663396');
src:url('../lib/fonts/fontawesome.eot?14663396#iefix') format('embedded-opentype'),
    url('../lib/fonts/fontawesome.woff?14663396') format('woff'),
    url('../lib/fonts/fontawesome.ttf?14663396') format('truetype'),
    url('../lib/fonts/fontawesome.svg?14663396#fontawesome') format('svg');
font-weight:normal;
font-style:normal;
}
.fa {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transform:translate(0,0);
}
.fa-2x {
  font-size:2em;
}
.fa-home:before {content: '\e800'; }
.fa-save:before {content: '\e804'; }
.fa-rotate:before {content: '\e813'; }
.fa-menu:before { content: '\f0c9'; }
.loader {
    border: 6px solid #f3f3f3; /* Light grey */
    border-top: 6px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}
#saveLoader {
    margin:20px;
}

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