/*
Theme Name:     Kleo Child
Theme URI:
Description:    Child theme for Kleo
Author:         SeventhQueen
Author URI:     http://seventhqueen.com
Template:       kleo
Tags:  one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, post-formats, sticky-post, translation-ready
License: GNU General Public License
License URI: license.txt
*/

/*
* Please add your custom styles below
*/
.form-control:focus{
	background-color: transparent !important;
}

.article-content p{
font-size: 1.8rem !important;
}
.widget-title{
font-size: 2.5rem;
font-family: 'Eczar', serif;
}
.ylem-gap{
	padding-top:80px;
}
@media screen and (min-width: 1025px) {
 .sidebar {
	margin-top:70px;
}
}

@media screen and (max-width: 991px) {
.kleo-navbar-fixed .navbar{
padding-bottom: 20px !important;
}
.menu-item{
	text-align:center;
}

.menu-item a{
	font-size: 2rem !important;
}
}

#mailchimp .mc-name, .mc-email{
     background: transparent;
    color: lightblue !important;
}
#mailchimp .mc-email{
    float:left;
}

/*#mailchimp .mc-button{*/
/*    clear: both;*/
/*    margin-left: 20px;*/
/*    padding:.5em;*/
/*    background:transparent;*/
/*    color: #fffef2;*/
/*}*/

.mc4wp-response{
    clear:both;
}


.manifesto-btn-container{
    width:420px;
}


.spotlight-btn-container{
    width:260px;
}

#selectedProject-sm .spotlight-btn-container{
    max-width: 220px !important;
}


.mc-btn-container {
  width: 245px;
  /* padding-left: 20px; */
}

.manifesto-btn-container, .spotlight-btn-container, .mc-btn-container {
    position: relative;
    overflow: hidden;
    transition: 0.5s; 
}

.manifesto-btn-bg{
    margin-top: -110px !important;
  }
.spotlight-btn-bg{
    margin-top: -85px !important;
    margin-left: 0px !important;
}
.mc-btn-bg {
    margin: 9px 0px 0px 23px;
    position: absolute;
}

.manifesto-btn-bg, .manifesto-btn {
    font-size: 2.8rem;
}
  
.spotlight-btn-bg, .spotlight-btn {
    font-size: 2rem !important;
}

.mc-btn-bg, .mc-button {
    font-size: 2rem;
}

.manifesto-btn-bg, .manifesto-btn, .spotlight-btn-bg, .spotlight-btn, .mc-btn-bg, .mc-button  {
    width: 100%;
    height: 100%;
    font-family: "Eczar", sans-serif;
    font-weight: 700; 
    color: #fffef2 !important; 
}

.manifesto-btn {
    padding: 20px 40px;
}


.spotlight-btn {
    padding: 15px 20px;
}

.mc-button {
    padding: 9px 20px;
}

.ylem-btn-container-xs{
    width:100%;
}

.ylem-btn-xs{
    padding: 15px 20px;
    width: 100%;
    border-radius: 3px;
    border-radius: 0.3rem;
    background: #fffef2;
    border: none;
    color: #0e0f19 !important;
    cursor: pointer;
     font-family: "Eczar", sans-serif;
    font-weight: 700; 
    font-size: 2rem;
}

.manifesto-btn, .spotlight-btn, .mc-button{
    border-radius: 3px;
    border-radius: 0.3rem;
    background: #fffef2;
    -webkit-mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");
    mask: url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/urban-sprite.png");
    -webkit-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    border: none;
    color: #0e0f19 !important;
    cursor: pointer;
    -webkit-animation: ani2 0.5s steps(29) forwards;
    animation: ani2 0.5s steps(29) forwards; 
}

.manifesto-btn:hover, .spotlight-btn:hover, .mc-button:hover  {
    -webkit-animation: ani 0.5s steps(29) forwards;
    animation: ani 0.5s steps(29) forwards; 
}




@-webkit-keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0; }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0; } }

@keyframes ani {
  from {
    -webkit-mask-position: 0 0;
    mask-position: 0 0; }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0; } }

@-webkit-keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0; }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0; } }

@keyframes ani2 {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0; }
  to {
    -webkit-mask-position: 0 0;
    mask-position: 0 0; } }
    
.read-more-link{
    display: block;
    color: lightblue !important;
}

.navbar-transparent .navbar .kleo-main-header {
    background-color: rgba(0,0,0,0) !important;
}


//Make sure that Update Posts in Home page are 100% in size

.vc_custom_1509648042165{
background-size:100% !important;
}
.vc_gitem-zone{
background-size:100% !important;
}