/*
Theme Name: porterReview
Description: Porter Review Custom Theme v1.1
*/

*{
    box-sizing:border-box;
}
body{
    
    font-family:'Libre Baskerville', serif;
    width:100%;
    margin:0;
    padding:0;
    color:#152c53;
    
}
a{
    text-decoration:none;
    color:#51769d;
    font-weight:700;
}
a.plainlink{
    text-decoration:none;
    font-weight:400;
    color:#152c53;
}
p{
    line-height:2em;
}
.menu{
    display:none;
}

.fullmenu{
    float:right;
    margin-right:30px;
}
.fullmenu ul{
    margin: 0; padding: 0; list-style-type: none; list-style-image: none;
    float:right;
}

#burger{
    display:none;
}

small{
	font-size:0.5em;
}

input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}


input[type=search] {
	background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 55px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}


input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

/* Demo 2 */
#demo-2 input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}

.menu #demo-2 input[type=search]{
	width: 130px;
	background-color: #fff;
	border-color: #66CC75;
	
	
}


#subscribe-text p{
	-webkit-margin-before:0;
	margin-top:0;
}
#subscribe-submit{
	text-align:right;
}
#subscribe-submit input {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  background: #3498db;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

#subscribe-submit input:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.widgettitle{
	margin-bottom:0;
}

.iconcontainer{
    width:100%;
    height:180px;
    position:relative;
    margin:0 auto;
    text-align:center;
}
.icabs{
    position:absolute;
    left:50%;
    top:20px;
    border:1px red;
}
#iconsvg, #iconFill{
    position:relative;
    left:-50%;
    height:90px;
}
h4.iconcaption{
    position:relative;
    font-size:1.3em;
    color:#152c53;
}
#iconFill{
    opacity:0;
    
}
#iconcapcont{
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
}



.alignright { float: right; }
.alignleft { float: left; }


img.alignleft{
    width:auto;
    height:auto;
    max-height:300px;
    float:left;
    margin:10px 10% 10px 0;
}
img.alignright{
    width:auto;
    height:auto;
    max-width:40%;
    float:right;
    margin:10px 0px 10px 10px;
}
.imgWrap{
    width:100%;
    height:426px;
    overflow:hidden;
    position:relative;
    margin:3em auto;
}

.imgWrap img.aligncenter {
    position:absolute;
    margin: auto; 
    height: auto;
    width: 100%;
    min-width:100%;

    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}

img.alignnone{
    max-width:60%;
    clear:both;
    display:block;
    max-height:330px;
    width:auto;
    height:auto;
    margin:20px auto;
}
.singlepostdiv{
    max-width:640px;
    margin:0 auto;
}
.singlepostdiv h2{
    margin-top:40px;
}
.singlepostdiv p{
        
        margin-bottom:20px;
    }
.singlewrapper{
    width:80%;
    margin:0 auto;
}
.singleheroimgcontainer{
    width:100%;
    height:245px;
    overflow:hidden;
}
img.hero{
    position:relative;
    width:100%;
    height:auto;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.singlepostcontent .metablock{
    width:70%;
    float:left;
}

.taglist a{
	text-decoration:none;
}

.singlepostcontent #social{
    float:right;
    margin-top:5px;
    width:30%;
}
.singlepostcontent #social img{
    width:30px;
    margin-right:0;
    margin-left:10px;
}



.singlepostdiv h1{
    margin-bottom:5px;
    font-size:2.5em;
}


.terms{
    margin-top:50px;
    font-size:0.7em;
    line-height:1em;
}
.terms h1{
    margin-bottom:50px;
}

#comments{
    background:#ffffff;
    padding:0;
    max-width:640px;
    margin:30px auto;
    border-top:1px solid #555555;
}
.comment-list{
    list-style:none;
    padding-left:0;padding-right:0;
    border:1px solid #ffffff;
}
.comment-list li{
    padding:20px;
    margin:0;
}.comment-list li:nth-child(odd){
    background:#fafafa;
}

.comment-edit-link{
    margin-left:10px;
}
.comment-edit-link::before{
    content:"[";
}
.comment-edit-link::after{
    content:"]";
}
.comment-metadata time{
    font-weight:400;
    color:#555555;
    font-size:0.9em;
}
.comment-reply-title{
    margin-bottom:2px;
}
.logged-in-as{
    margin-top:2px;
}
#comment{
    width:100%;
    height:100px;
    max-width:500px;
}
#submit{
    background-color:#152c53;
    color:#ffffff;
    border:0;
    font-size:1em;
    height:40px;
    width:170px;
    font-family:'Libre Baskerville', serif;
    cursor:pointer;
}

.subhead{
    font-size:1.1em;
    font-weight:400;
    margin:0;
}
.postmeta{
    
    font-size:0.9em;
    margin:5px 0;
    color:#555555;
}
.bodycopy{
    margin:50px auto;
    
}


.readmore{
    color:#666666;
    font-weight:700;
}

#container, #footinner{
    margin:0 auto;
    width:1060px;
}

#header{
    width:100%;
    top:0;
    padding-top:10px;
}
#logodiv{
    width:150px;
    min-height:47px;
    float:left;
    margin-left:0px;
}
#logodiv img{
    width:100%;
}
#navbar{
    z-index:2;
    width:1024px;
    margin:0 auto;
    vertical-align:middle;
}
.topnav{
    float:right;
    margin-left:20px;
    margin-top:10px;
    
}
#flyCTA{
    float:right;
    margin-right:20px;
    
    text-align:center;
    width:100px;
    height:40px;
    padding:10px;
    background:#152c53;
    color:#ffffff;
}

hr{
    border:0;             
    background-color:#152c53;
    color:#152c53;
    margin:0 0 5px;
    height:1px;
}
hr.hrone{
    height:7px;
    margin-top:10px;
    margin-bottom:3px;
}
hr.hrtwo{
    height:4px;
    margin-bottom:4px;
}
hr.hrthree{
    height:3px;
    margin-bottom:5px;
}
hr.hrfour{
    height:2px;
}


#heropost{
    width:100%;
    text-align:left;
    position:relative;
    margin-top:20px;
}
#heropost .categorytag{
    position:relative;
    text-align:left;
    margin-left:10%;
    font-size:1.1em;
    font-weight:700;
    color:"#152c53";
    margin-bottom:10px;

}
#heroimgcontainer{
    width:70%;
    margin:10px auto;
    height:500px;
    overflow:hidden;
}
#heropost img{
    position:relative;
    width:100%;
    height:auto;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
#herotextbox{
    position:relative;
    padding:5px 10px 5px 20px;
    background:#ffffff;
    width:400px;
    min-height:12%;
    margin-top:-10%;
    margin-left:-50%;
    text-align:left;
}

#herotextbox .summary{
    margin-bottom:10px;
    line-height:1.4em;
}



.hrBlock{
    width:100%;
    position:relative;
    margin:0 auto;
    text-align:right;
}
.mrpDivider{
    width:100px;
    position:relative;
    margin-right:0;
}
.mrpFooter{
    width:100px;
    position:relative;
    margin-right:0;
    margin-left:auto;
}
h1{
    font-size:28px;
    color:#152c53;
}

#hposts{
    width:100%;
    margin:0;
}
.hpost{
position:relative;
    float:left;
    width:33%;
    padding:0;
}
.hpost .previewimage{
    width:100%;
    height:230px;
    overflow:hidden;
}
.hpost .previewimage img{
    width:100%;
}
.hpost .previewtext{
    position:relative;
    height:120px;
    top:-50px;
    left:0;
    width:250px;
    padding:20px;
    background:#152c53;
    color:#ffffff;
    line-height:1em;
}

.previewtext p{
    line-height:1.3em;
    font-size:0.9em;
}
.hpost .previewtext h1{
    font-size:14px;
    color:#ffffff;
    margin-bottom:0;
}
.hpost .previewtext .categorytag{
    color:#ffffff;
    display:block;
    font-size:12px;
    font-weight:400;
    margin:0;
}
.hpost .previewtext p{
    display:none;
}

.hpost .readmore{
    display:none;
}



#vposts{
    width:60%;
    margin:0;
    float:left;
}
.vpost{
    display:relative;
    width:100%;
    margin-bottom:50px;
    
}
.vpost .previewimage{
    float:left;
    overflow:hidden;
    width:250px;
}
.vpost .previewimage img{
    width:100%;
}
.vpost .previewtext{
    
    float:left;
    margin-left:20px;
    vertical-align:middle;
    font-size:16px;
    width:350px;
    
}
.vpost .previewtext h1{
    font-size:1.3em;
    line-height:auto;
    margin-top:0;
}
.categorytag{
    display:none;
}
.vpost .previewtext span{
    font-size:14px;
}

.ajax-load-more-wrap.grey button.alm-load-more-btn, button.alm-load-more-btn{
    background-color:#152c53;
}
.ajax-load-more-wrap.grey button.alm-load-more-btn:hover, button.alm-load-more-btn:hover{
    background-color:#51769d;
}

#sidebar{
    float:right;
    margin-top:0px;
    margin-right:0;
    padding:0;
    width:35%;
}
#sidebar #thingsfeature{
     border:1px solid #152c53;
     padding:20px;  
}
#thingsfeature img{
    width:100%;
}
#thingsfeature h2{
    color:#152c53;
}
#thingsfeature p{
    font-weight:400;
    color:#152c53;
    line-height:1.2em;
    font-size:0.9em;
}

#subscribe{
    margin-top:0px;
    margin-bottom:40px;
}
#subscribe h2{
    font-size:1.3em;
    margin-bottom:0;
}
#subscribe #subscribesubhead{
    font-size:0.8em;
}
.es_shortcode_form{
    margin-top:20px;
}
h2.followus{
    margin-bottom:0;
}
#social{
    margin-top:5px;
}

#social img{
    width:calc(100%/10);
    margin-right:calc(100%/20);

    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
}
#social img.last{
    margin-right:0;
}

#social img:hover, #social img:active{
    transform:scale3d(1.2, 1.2, 1.2);
    -webkit-transform:scale3d(1.2, 1.2, 1.2);
    -moz-transform:scale3d(1.2, 1.2, 1.2);
}


#txtsignup, .es_textbox_class{
    height:40px;
    border:1px solid #152c53;
    margin-right:0;
    float:left;
    width:70%;
    text-align:center;
    font-size:0.9em;
}
#btnsignup, .es_submit_button{
    margin-left:0;
    background:#152c53;
    cursor:pointer;
    color:#ffffff;
    width:30%;
    border:0;
    height:40px;
    font-size:1.0em;
    float:left;
}
.es_lablebox label{
    display:none;
}

.es_button, .es_textbox{
    padding:0;
}
.es_caption{
	font-size:0.8em;
}
#es_msg_pg{
    color:#152c53;
}
.es_form_success .es_msg{
	font-size:0.8em;
}
#foot{
    background:#152c53;
    width:100%;
    margin:0;
    color:#ffffff;
}
#footinner{
    padding:50px 0;
}
#foot a{
    color:#ddeeff;
}

a.footcontact{
    font-size:1.5em;
}

#footeremail{
    width:20px;
}





/*
*****************************************************
------------------- TABLET QUERY --------------------
*****************************************************
*/
@media only screen and (max-width: 1080px){
    
    #container{
        width:100%;
        padding:20px;
    }
    .fullmenu{
        display:none;
    }
    #navbar{
        width:100%;
        height:50px;
        overflow:visible;
    }
    #flyCTA{
        position:relative;
        margin:14px auto 0;
        padding:0.5em;
        font-size:0.8em;
        float:none;
        clear:both;
        height:26px;
    }
    #header{
        position:fixed;
        z-index:6;
        height:103px;
        background:#ffffff;
        transition:0.5s padding;
        -webkit-transition:0.5s padding, 0.5s height;
        -moz-transition:0.5s padding, 0.5s height;
        -o-transition:0.5s padding, 0.5s height;
    }
    .headerpush{
        padding-top:80px !important;
        height:173px !important;
    }
    
    #logodiv{
        margin:0;
        margin-left:20px;
        width:150px;
        /*min-height:80px;*/
        float:none;
        position:relative;
    }
    #main{
        margin-top:90px;
        transition:0.5s all;
        -webkit-transition:0.5s all;
        -moz-transition:0.5s all;
        -o-transition:0.5s all;
    }
    #burger{
        position:absolute;
        display:block;
        right:10px;
        top:10px;
        width:70px;
        z-index:5;
    }
    
    .menu{
        display:block;
        position:fixed;
        padding:20px;
        margin:0;
        top:-100px;
        width:100%;
        height:100px;
        right:0;
        transition:0.5s all;
        -webkit-transition:0.5s all;
        -moz-transition:0.5s all;
        -o-transition:0.5s all;
        background:#152c53;
        text-align:left;
        color:#ffffff;
        z-index:3;
    }
    .menu-down{
        transform:translate3d(0,100px,0);
        -webkit-transform:translate3d(0,100px,0);
        -moz-transform:translate3d(0,100px,0);
        -o-transform:translate3d(0,100px,0);
    }
    .menu ul{
        line-height:1.5em;
        list-style:none;
        margin:0;padding:0;
    }
    .menu ul li{
        float:left;
        margin-right:1.5em;
        margin-bottom:1em;
        font-size: calc(12px + (26 - 12) * ((100vw - 300px) / (1600 - 300)));
    }
    .menu .topnav{
        float:none;
        color:#ffffff;
    }
    .menu .topnav{
        float:none;
        color:#ffffff;
    }
    #heroimgcontainer{
        width:90%;
        margin:10px auto;
        height:250px;
    }
 
    #herotextbox{
        position:relative;
        padding:5px 30px;
        background:#ffffff;
        width:60%;
        margin-top:-60px;
        margin-left:-32%;
        text-align:left;
    }
    h1{
        font-size:24px;
        color:#152c53;
    }
    #herotextbox .summary{
        font-size:13px;
        line-height:1.3em;
    }

.hpost .previewimage{
    width:100%;
    height:200;
    overflow:hidden;
}
.hpost .previewimage img{
    width:auto;
    height:100%;
}
    .hpost .previewtext{
        position:relative;
        height:90px;
        margin-top:-20px;
        left:0;
        width:100%;
        padding:15px;
        background:#152c53;
        color:#ffffff;
        line-height:1em;
    }
    .hpost .previewtext h1{
        font-size:12px;
    }
    .hpost .previewtext .categorytag{
        display:none;
    }
    .hpost .previewtext p{
        display:none;
    }

    .hpost .readmore{
        display:none;
    }

    #vposts{
        margin:0;
        float:left;
        padding:auto;
    }
    .vpost{
        height:auto;
        display:relative;
        width:100%;
        
        margin-bottom:30px;
    }
    .vpost .previewimage{
        float:left;
        overflow:hidden;
        width:30%;
        max-height:90px;
        height:auto;
    }
    .vpost .previewimage img{
        height:auto;
        width:100%;
    }
    .vpost .previewtext{
        margin-left:auto;
        vertical-align:auto;
        position:relative;
        left:auto;
        top:auto;
        width:70%;
        padding:0 10px;
        background:#ffffff;
        float:left;
        font-size:16px;
        color:#152c53;
        
    }
    .vpost .previewtext h1{
        color:#152c53;
        font-size:15px;
        margin-top:0;
        margin-bottom:auto;
    }
    .vpost .previewtext .categorytag{
        display:none;
    }
    
    .vpost .previewtext p{
        display:block;
        
        font-size:12px;
    }
    .vpost .readmore{
        display:block;
        font-size:1em;
    }

    #sidebar{
        margin-left:auto;
        margin-top:20px;
        margin-right:auto;
        padding:0;
        
    }
    #thingsfeature{
        border:1px solid #152c53;
        padding:10px;
        width:100%;
        font-size:0.8em;
    }
    #thingsfeature img{
        width:100%;
    }

    .singlepostdiv h1{
        margin-bottom:5px;
        font-size:2em;
    }
    .singlepostdiv #social img{
        float:right;
    }
    .rp4wp-related-post-image{display:none;}
    .subhead{
        font-size:1em;
        margin-bottom:5px;
    }
    #footinner{
        padding:20px;
        width:100%;
    }
}


@media (max-width:990px){
    #subscribe{
        margin-top:40px;
        
    }
    #social{
        margin-top:20px;
    }
	.rp4wp-related-post-image{display:none;}
}

/*
*****************************************************
------------------- MOBILE QUERY --------------------
*****************************************************
*/


@media only screen and (max-width: 480px){

    #container{
        padding:10px;
        width:100%;
    }
    
    #logodiv{
        margin:0;
        margin-left:10px;
        width:150px;
        /*min-height:80px;*/
        float:none;
        position:relative;
    }
    
    #burger{
        position:absolute;
        display:block;
        right:5px;
        top:10px;
        width:70px;
        z-index:5;
    }

    
    
    #heropost{
        width:100%;
        text-align:center;
        position:relative;
    }
    #heropost img{
        width:100%;
        margin:0 auto;
    }
    #herotextbox{
        position:relative;
        padding:5px 10px 5px 20px;
        background:#ffffff;
        width:70%;
        margin-top:-30px;
        margin-left:-22%;
        text-align:left;
    }
    h1{
        font-size:22px;
        color:#152c53;
    }
    #herotextbox .summary{
        font-size:14px;
        line-height:1.5em;
    }
    #herotextbox .readmore{
        font-size:14px;
    }



    #hposts{
        width:100%;
        margin:0;
        float:left;
        padding:auto;
    }
    .hpost{
        height:120px;
        display:relative;
        width:100%;
        
        margin-bottom:10px;
    }
    .hpost .previewimage{
        float:left;
        overflow:hidden;
        width:30%;
        max-width:auto;
        max-height:120px;
        height:auto;
    }
    .hpost .previewimage img{
        height:auto;
        width:100%;
    }
    .hpost .previewtext{
        position:relative;
        left:auto;
        top:auto;
        width:70%;
        font-weight:400;
        padding:0 10px;
        background:#ffffff;
        float:left;
        font-size:16px;
        color:#152c53;
        
    }
    .hpost .previewtext h1{
        color:#152c53;
        font-size:15px;
        margin-top:0;
        margin-bottom:auto;
    }
    .hpost .previewtext .categorytag{
        display:none;
    }
    
    .hpost .previewtext p{
        display:block;
        font-size:12px;
    }
    .hpost .readmore{
        display:block;
        font-size:0.9em;
        font-weight:700;
    }

    #vposts{
        width:100%;
        margin:0;
        float:left;
        padding:auto;
    }
    .vpost{
        height:auto;
        display:relative;
        width:100%;
        
        margin-bottom:20px;
    }
    .vpost .previewimage{
        float:left;
        overflow:hidden;
        width:30%;
        max-width:auto;
        max-height:120px;
        height:auto;
    }
    .vpost .previewimage img{
        height:auto;
        width:100%;
    }
    .vpost .previewtext{
        margin-left:auto;
        vertical-align:auto;
        position:relative;
        left:auto;
        top:auto;
        width:70%;
        padding:0 10px;
        background:#ffffff;
        float:left;
        font-size:16px;
        color:#152c53;
        
    }
    .vpost .previewtext h1{
        color:#152c53;
        font-size:15px;
        margin-top:0;
        margin-bottom:auto;
    }
    .vpost .previewtext .categorytag{
        display:none;
    }
    
    .vpost .previewtext p{
        font-size:12px;
    }
    .vpost .readmore{
        display:block;
        font-size:0.9em;
        font-weight:700;
    }

    .singlepostdiv h1{
        font-size:1.3em;
    }
    .singlepostcontent #social{
        float:none;
        clear:both;
        margin-top:10px;
        width:auto;
    
    }
    .singlepostcontent #social img{
        float:none;
        width:30px;
        margin-right:10px;
        margin-left:-8px;
    }
    .subhead{
        font-size:1em;
        margin-bottom:5px;
    }
    .singlewrapper{
        width:90%;
    }
	.rp4wp-related-post-image{display:none;}
    .imgWrap{
        width:100%;
        height:auto;
    }

    .imgWrap img.aligncenter {
        position:relative;
        width:100%;
        height:auto;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
    }
    

    #sidebar{
        float:none;
        clear:both;
        margin-left:auto;
        margin-top:20px;
        margin-right:auto;
        border-top:1px solid #152c53;
        padding:0;
        width:100%;
    }
    #thingsfeature{
        border:1px solid #152c53;
        padding:10px;
        width:100%;
    }
    #thingsfeature img{
        width:100%;
    }
    #footinner{
        padding:20px;
        width:100%;
    }
    #subscribe{
        display:block;
    }
    #social{
        display:block;
    }

    .singlepostcontent .metablock{
        width:100%;
        float:none;
        clear:both;
    }

    #comments{
        border-top:1px solid #152c53;
        padding:50px 0 0 0;
        background:#ffffff;
    }
    .comment-list{
        list-style:none;
        padding-left:0;padding-right:0;
        border:1px solid #aaaaaa;
    }
    .comment-list li{
        padding:20px;
        margin:0;
    }.comment-list li:nth-child(odd){
        background:#ffffff;
    }.comment-list li:nth-child(even){
        background:#eeeeee;
    }

    .iconcontainer{
        height:150px;
    }
    
    #iconsvg, #iconFill{
        height:60px;
    }
    h4.iconcaption{
        font-size:1.2em;
    }

    .comment-content p{
        font-size:1em;
        line-height:1.2em;
    }

    
    
}