/*
Theme Name: Volo Media
Author: Volo Media
Description: Volo Media Website
Version: 0.0.1
*/

/**/

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

hr {
    margin-top: 3rem;
}

.title{
    text-align:center;
}

body{
    font-family: 'Roboto', sans-serif;
    background-color:#F4F4F4;
}

h1,h2,h3,h4{
    color:#598382;
}

h3{
    font-size:25px;
}

h4{
    font-size:20px;
    line-height: 30px;
}

h1,  h2{
    margin-bottom:3%;
}

p, ul li, em{
    font-size:14px;
    font-weight: 400;
    color:#777;
}

b{
    font-weight: bold;
}

a:hover{
    text-decoration: none;
}

button:focus, a:focus {outline:0;}

.page-id-65 h1 {
    text-align: center;
}

a#loadMore:focus{
    box-shadow:none !important;
}

a#loadMore:hover{
    cursor: pointer;
}

#logo, .navigation{
    display:inline-block;
}

#top-header .offset-lg-1 {
    margin-left: 4% !important;
}

#top-header{
    margin:1% 1%;
}

#logo img{
    width:auto;
}

.navbar{
    height:100%;
    margin:0 auto;
    padding:0px !important;
}

.navigation.col-md-8.col-12 {
    padding: 0px !important;
}

.navbar .container{
    padding-left:0px !important;
    padding-right: 0px !important;
}

.navbar-nav{
    width:100%;
}

.navbar-nav li{
    margin-right:1%;
}

.navbar-nav > li > a {
    color:#7A7A7A !important;
}

 .navbar-nav > li > a:hover{
    background-color: #698e8e;
    color:white !important;
 }

 .dropdown-menu li {
    padding: 3%;
}

.navbar-expand-md .navbar-nav .nav-link{
    font-size:15px;
}

#nav-search div{
    display:inline-block;
    height:100%;
    width: 100%;
}

#search{
    position: relative;
    margin-top: 15%;
}

#search input[type=search]{
    background-color: rgb(236, 238, 239);
    border: 0px;
    padding: 1%;
    width: 79%;
    margin-right: 2%;
    display: inline-block;
    float: left;
}

#search input[type=submit]{
    background-image: url(images/search.png);
    background-color: #54595f;
    width: 12%;
    background-size: 68%;
    border: 0px;
    padding: 2px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin-top: 0%;
    float: left;
}

#header-image{
    height:300px;
    overflow: hidden;
}

#header-image img{
    width:100%;
}

#main-content-wrapper{
    margin-top:5%;
    margin-bottom:5%;
}

.home-posts, .single-website, .single-person, #content{
    background-color:white;
    padding:8%;
    -moz-box-shadow:    2px 0px 10px 1px #ccc;
    -webkit-box-shadow: 2px 0px 10px 1px #ccc;
    box-shadow:         2px 0px 10px 1px #ccc;
    margin-bottom: 3%;
}

#content{
    padding-top:4%;
}

#content a{
    color:#598382;
    font-weight: bold;
}

.home-posts a{
    color:#54595f;
}

.home-posts a h2{
    font-size: 18px;
    font-weight:600;
}

.home-posts .post-date{
    font-size:12px;
}

.home-posts .read-more{
    font-size:12px;
    color:#598282;
    font-weight:500;
}

.country-buttons{
    text-align:center;
}

.country-buttons ul{
    padding-left:0px !important;
}

.country-buttons ul li{
    list-style: none;
    display: inline-block;
    width:8%;
}

.country-buttons ul li button{
    background: none;
    border: none;
    width: 100%;
}

.country-buttons ul li button img{
    width:100%;
}

.single-website img{
    float:left;
    margin-right:1%;
}

a#loadMore {
    margin: 0 auto;
    width: 100%;
    color: #598382;
}

.single-person, .single-website{
    padding:2% !important;
}

#all-team{
    margin-top:3%;
    margin-bottom:3%;
}

.single-person{
    margin-right:1%;
    text-align: center;
    margin-bottom:1% !important;
    
}

.single-person:nth-last-child(){
    margin-right: 0px !important;
}

.single-person img{
    width:100%;
}

.single-person .personImage{
    overflow: hidden;
    min-height: 350px;
    background-size: cover;
    background-position: left;
    margin-bottom:5%;
}

.single-person .title{
    font-size:18px;
}

.single-person p{
    font-style: italic;
}

#content .single-person{
    display:inline-block !important;
}

.wpcf7 div{
    font-size:14px;
    color:#777;
}

.wpcf7 div.col-md-4{
    margin-bottom:2%;
}

.wpcf7 textarea{
    width:100%;
    margin-top:1%;
    border-color: #bfbfbf;
}

.wpcf7 input{
    padding:0.5%;
    margin-top: 1%;
}

.wpcf7-submit{
    padding-top:1% !important;
    padding-bottom:1% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    background-color:#698e8e;
    color:white;
    border:0px;
}

textarea:focus, input:focus{
    outline: none;
}

.footer{
    background-color: #698e8e;
    color:white;
    
}

.footer p{
    margin-bottom:0px !important;
    color:white;
}

.footer li{
    color:white;
}

.footer a{
    color:white;
    font-size:14px;
}

#footer-wrapper{
    padding:1%;
}

div#footer ul{
    padding-left:14%;
    margin-bottom:0px;
}

div#footer ul li{
    list-style-type:none;
    display: inline-block;
}

.search ul li{
    list-style: none;
    margin-top:2%;
}

.wpcf7-form .col-md-4 input{
    width:100%;
}

/* Slider */

#textSlider{
    width:100%;
}

#textSlider p{
    font-size:25px;
}

#textSlider.row {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100% !important;
}
#textSlider div {
	color: #FFF;
	font-family: 'Lato', sans-serif;
}

.iamCol {
    text-align: right;
	float: left;
	font-weight: 300;
	font-size:25PX;
}
.slideCol {
	text-align: left;
    overflow: hidden;
	font-weight: 900;
	font-size:25px;
	display: block;
	white-space: nowrap;
}
.slideCol p { margin: 0px !important; }

.scroller {
   height: 25px;
   line-height: 25px;
   overflow: hidden;
}
.scroller .inner { animation: 10s normal infinite running scroll; }
@keyframes scroll {
   0%  	{margin-top: 0px;}
   15% 	{margin-top: 0px;}

   25%  {margin-top: -25px;}
   40%  {margin-top: -25px;}
   
   50%  {margin-top: -50px;}
   65%  {margin-top: -50px;}

   75%  {margin-top: -100px;}
   90%  {margin-top: -100px;}

   100% {margin-top: 0px;}
}

@media only screen and (min-width: 1200px){
    #all-team .col-lg-4{
        max-width:32%;
    }
}

@media only screen and (max-width: 480px){
    .single-person {
        margin: 0 auto;
        margin-bottom: 3%;
    }

    #copyright{
        text-align:center;
    }

    #footer ul{
        padding-left:0px;
    }

    #main-content img{
        width:100%;
        height: auto;
    }

    .country-buttons ul li {
        width:30%;
    }

    #search {
        margin-top: 5%;
    }

    #logo{
        text-align:center;
    }

    #logo img{
        width:61%;
    }

    #content{
        margin:0 auto;
    }

    .single-website h2{
        font-size:20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 768px){
    #main-content-wrapper{
        margin: 0 auto;
        margin-top:6%;
    }

    #all-team .col-sm-6{
        max-width:49%;
    }

    .navigation .navbar .container{
        padding-left:0px;
    }

    .navigation .navbar .container a{
        font-size:12px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1025px){
    #all-team .col-md-6{
        max-width:49%;
    }
    .navbar-nav li {
        margin-right: 3%;
    }
}

/* 
div.asl_m .probox .proinput{
    margin:0px !important;
}

div.asl_w{
    border-radius:none;
    box-shadow:none !important;
}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{
    font-size:16px !important;
    line-height: 20 !important;
}

.asl_spacer{
    display:none !important;
}

div.asl_r .results .item .asl_content h3 a{
    color:inherit !important;
}


a{
    color:black !important;
}



h1, h2, h3, h4, h5{
    font-weight: 300;
    padding-bottom:2%;
}

div#weather-wrapper h1, div#weather-wrapper h2, div#weather-wrapper h3, div#weather-wrapper h4, div#weather-wrapper h5{
    padding-bottom:0px;
}

div#locationLongForecast{
    margin-top:3%;
}



div#header .row, div#footer-wrapper{
    padding-top:2%;
    padding-bottom:2%;
}

div#top-header, div#search{
    border-bottom: 1px solid #dedede !important;
}

div#logo{
    border-right:1px solid #dedede;
}
div#search input#search-input{
    border:none !important;
    line-height: 3;
    width:90%;
    display: inline-block;
    outline: none !important;
}

div#search input#search-submit{
    border:none !important;
    background: url(images/search.png) no-repeat;
    background-size: contain;
    height: 33px;
    width:3%;
    display: inline-block;
    vertical-align: middle;
    outline: none !important;
}

div#mainContent{
    margin-top:5%;
}

div#main-content-wrapper{
    margin-top:2%;
    margin-bottom:2%;
}

div#advert1{
    height:250px;
}

div#advert2, div#advert3{
    height:90px;
}

div#main-content .row{
    padding-right:2%;
    margin-bottom: 3%; 
}

div#sidebar{
    border-left:1px solid #dedede;
}

.page-sidebar div{
    margin-bottom:10%;
}

.page-sidebar div h2.title{
    margin-bottom:4%;
}

.page-sidebar > div:first-of-type{
    text-align:center;
}

.tptn_posts ol{
    padding-left:8%;
}

.tptn_posts ol li{
    padding-top:5px;
    padding-bottom:5px;
}



div#footer ul li a, div#footer ul li, div#copyright{
    color:rgba(0,0,0,.5);
    font-size:12px;
}

div#copyright{
    text-align:right;
}

div#footer-wrapper{
    border-top:1px solid #dedede;
}

.wpcf7 input{
    line-height: 3;
    border: none;
    border-bottom: 1px solid #dedede;
    outline: none !important;
}

div.full-size label, div.full-size input, div.full-size textarea{
    width:100%;
}

div.full-size textarea{
    border:none;
    border-bottom: 1px solid #dedede;
    outline: none !important;
    height:100px;
}

.wpcf7-submit{
    border:none;
    background-color:#4285f4!important;
    color:white;
    font-size:12px;
    padding-left: 2%;
    padding-right: 2%;
}

.apixu-weather-more-weather-link{
    display:none;
}

#weather-wrapper{
    background-image: url(images/weatherBack.png);
    border-radius: 10px;
    overflow: hidden;
    color:white;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 3%;
    margin-bottom:5%;
}

#weather-wrapper .row{
    text-align: center;
}

div#weather-date{
    padding:2%;
}

#weather-wrapper p{
    margin-bottom:1%;
}

div#weather-icon img{
    width:25%;
}

div.long-weather .row div.col-md-4{
    margin-bottom:2%;
}

div#fb-head{
    text-align:right;
}

@media only screen and (max-width: 480px){
    .wpcf7-submit{
        padding-left:4%;
        padding-right:4%;
    }

    div#sidebar{
        border:none;
    }

    div#logo, div#fb-head{
        border:none;
        text-align: center !important;
    }

    div.short-weather .row div.col-xs-6{
        margin-bottom:6%;
    }

    #footer, #copyright{
        text-align: center !important;
    }

    #weather-wrapper h1{
        font-size:45px !important;
    }
}

@media only screen and (min-width: 760px) and (max-width: 1000px){
    div#logo h1{
        font-size:30px;
    }
} */