/*  
Theme Name: Demi Lovato Brasil 2019 by Code For Fan
Author URI:  http://twitter.com/codeforfan/
Theme URI: http://twitter.com/codeforfan/
Author: Bruna Rafaela
Layout: Bruna Rafaela
Version: 1.0

PLAGIO = CRIME!

*/



* {
 margin: 0; 
 padding: 0;
 outline: none; 
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;}
 
*:before, *:after {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;}

body {
    background: #f8f8f8;
    color: #777;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    text-align: justify;
    margin-top: 0 !important;
    padding-top: 0 !important;
    }

/* ----------------- GENERAL STYLE ----------------- */

a {
    color: #79979e;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    }

a:hover {
    opacity: 0.7;
    text-decoration: none;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
    
strong {
    padding: 0px;
    color: #a0bac1;
    font-weight: 600;
    }

em {
    color: #4d7584;
    text-decoration: none;
    }
    
u { 
    text-decoration: none; 
    border-bottom: 1px solid #ccc;
} 

 span {
    color: #477681;
}
    
underline {
    text-decoration: none;
    border-bottom: border-bottom: 1px solid #ccc;}
    
.aligncenter, div.aligncenter {
    display: block; 
    margin-left: auto;
    margin-right: auto;}
    
.alignleft {
    float: left;}
    
.alignright {
    float: right;}

html, table tr td, table, tr, td, body, img {
    padding: 0; 
    margin: 0;
    border: 0; }
    
::selection { 
    background-color: #89a8af;
    color: #fff; }

::-moz-selection {
    background-color: #89a8af;
    color: #fff; }
    
.clear{
    clear:both;
}   


/* ----------------- TOOLTIP ----------------- */

div#qTip {
    padding: 6px;
    border-right-width: 2px;
    border-bottom-width: 2px; 
    display: none;
    color: #fff;
    background-color: #638d98;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 11px;
    text-align: left;
    position: absolute; 
    z-index: 1000;}

/* ----------------- TOP ----------------- */

.top {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
    color: #79979e!important;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    }


/* ----------------- CONTAINERS ----------------- */

#main {
float: left;  
 position: relative; 
 width: 100%;}
 
#content {
max-width: 1050px;
margin: 0 auto; 
overflow: hidden;}

#container {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 auto;
    margin-bottom:20px;
    overflow: hidden;}


/* ----------------- GALLERY ----------------- */

#gallery {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
}

.gallery-title {
    text-align: center;
    font: 600 13px 'Montserrat', sans-serif;
    display: inline-block;
    text-transform: uppercase;
    color: #678f99;
    background: #b7cbd0;
    padding: 13px 13px;
    margin-bottom: 20px;
    letter-spacing: 6px;
}

#gallery td {
    width: calc(100% / 8);
    height: auto;
}

#gallery td img {
    width: calc(100% / 8);
    height: auto;
}

.picture {
    float: left;
    width: calc(100% / 8);
    height: auto;
    background: #b7cbcf;
}

.picture img {
    width: 100%;
    height: auto;
}

/* ----------------- SOCIAL MEDIA ----------------- */

.box-rede{
    width: calc(100% / 4 - 60px /4);
    margin-right: 20px;
    height: auto;
    float: left;
}

.box-rede.yt {
    margin-right: 0;
}

/*
.box-rede:hover img{
 -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
    -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}*/

/* ----------------- AFILIATES ----------------- */

#box-afiliates {
    width: 100%;
    height: 250px;
}

.afiliate {
    width: 100%;
    height: 250px;
    cursor: pointer;
}

.afiliate a {
    color: #47717b;
}

.afiliate a:hover {
    opacity: 1;
}

.afiliate .pic {
    height: 250px;
    background-position: center;
    background-size: cover;
    background-position-y: top;
}

.afiliate .afiliate-title{
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    background: #ecf1f3;
    font-weight: 600;
    display: inline-block;
    padding: 7px 10px;
    margin:  15px;
    margin-top: -50px;
    float: right;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}

.afiliate .afiliate-title::after{
        content: '';
        left: calc(85% - 16px / 2);
        position: absolute;
        z-index: 100;
        bottom: calc(100%);
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 8px 8px 8px;
        border-color: transparent  transparent #ecf1f3 transparent;
}
/* ----------------- FOOTER ----------------- */

#footer {
    clear: both;
    width: 100%;
    padding: 20px;
    background: #f2f2f2;
    color: #bab1b1;
    float: left;
    font-size: 14px;
}

#footer .inner a {
    color: #bab1b1;
}

#footer .inner a:hover {
    color: #b8cbd0;
    opacity: 1;
    }
  
#footer .inner{
    clear: both;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    margin: 0 auto;
    max-width: 1050px;
    height: auto;
    font-family: 'Montserrat', sans-serif;
}


/* ----------------- ADS ----------------- */



.banner{
    max-width: 1050px;
    margin: 0 auto;
}

.banner .image, .banner .image:hover {
    background-image: url(imgs/ads.png);
    background-color: transparent;
    background-position: center right;
    background-repeat: no-repeat;
    border: none;
    box-shadow: none;
    overflow: hidden;
    padding: 15px;
}
/* ----------------- HEADER ----------------- */

#header{
    background: url(imgs/header.png) top center no-repeat;
    height: 796px;
    width: 100%;
    border: none;
    margin: 0 auto;
    float: left;
}

.welcome {
    text-align: justify;
    background: #ecf1f3;
    font: 400 15px 'Montserrat', sans-serif;
    color: #a6b9be;
    border-top-right-radius: 20px;
    padding: 25px;
    float: left;
    margin-bottom: 17px;
    margin-top: -125px;
}

.welcome span{
    color: #e31e00;
    }

 /* ----------------- FEATURED MENU ----------------- */

 
#featured {
    width: 100%;
    float: left;
    margin-bottom:  20px;
}

#featured .content {
    display: block;
    margin: 0 auto 0 auto;
}


#featured .message-menu {
    width: 100%;
    display: inline-block;
    text-align: justify;
    height: auto;
    }

#featured .message-menu  .logo {
    float: left;
    display: inline-block;
    width: 444px;
    height: 274px;
    margin-top: -195px;
    position: relative;
    background: url(imgs/logo.png) top center no-repeat;
}


.menu-right {
    width: calc(100% - 552px);
    float: left;
    position: relative;
}

 .menu{
    width: calc(100% - 15px);
    font: 500 16px 'Montserrat', sans-serif;
    overflow: hidden;
    float: left;
    background: url(imgs/menu-bg.png) top left no-repeat;
    padding: 12px;
    margin:  0 auto;
    margin-left: 15px;
    text-align:  center;
    position: relative;
    text-transform:  uppercase;
    display:  inline-block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.menaaau::after{
    content: '';
    top: calc(50% - 15px);
    /* left: calc(100%); */
    left: -21px;
    position: absolute;
    z-index: 1000;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 15px;
    border-color: transparent red transparent transparent;
}

.menu ul li a {
    color: #fff;
    text-decoration: none;
    padding: 9px;
    display: inline-block;
    margin-right: 15px;
    text-align:  center;
     border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu  ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }

.menu  li {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;}

.menu a:hover {
    opacity:1;
    background: rgba(0, 0, 0, 0.08);}

.show-menu {
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    text-align: left;
    display: none;
    text-align: center;
    padding: 15px;
    font-size: 15px;
    color: #fff;
}

.show-menu,
.menu input[type=checkbox] {
    display: none;
}

.menu input[type=checkbox]:checked ~ #menu {
    display: block;
}


/* ----------------- FEATURED POST ----------------- */

#featured-left {
    float: left;
    margin-right: 20px;
    width: calc(62% - 20px);
}

#featured-post {
    width: 100%;
    height: 320px;
    cursor: pointer;
    margin-bottom: 20px;
}


#featured-post .featured{
     width: 100%;
     height: 320px;
}

#featured-post .featured .featured-pic{
 width: 100%;
 height: 320px;
}

#featured-post .featured .featured-pic img{
 width: 100%;
    height: auto;
}

#featured-post .featured-infos {
    width: 100%;
    height: 120px;
    text-align: center;
    color: #fff;
    background: rgba(3, 32, 46, 0.7);
    float: left;
    margin-top: -120px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 15%, rgb(0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.4) 15%, rgb(0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(0, 0, 0, 0.4) 15%, rgb(0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8f1f2', endColorstr='#e8f1f2',GradientType=0 );
}

#featured-post .featured-infos  .destaques {
    float: left;
    background: #f3182a;
    color: #50070e;
    text-transform: uppercase;
    font-weight: 600;
    padding: 8px 12px;
    margin-left: 20px;
    margin-top: -18px;
}

#featured-post .featured-infos  .featured-credit {
    color: #106461;
    text-align: center;
    margin-top: -20px;
    background: #48ada7;
    z-index: 1000;
    padding: 10px;
    font-size: 12px;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}


#featured-post .featured-infos  .featured-credit span {
    color: #106461;
    font-style: italic;
}

#featured-post .featured-infos .featured-title {
    font: 700 18px 'Montserrat', sans-serif;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
}


#featured-post .featured-infos .featured-title a {
    color: #fff;
}

#featured-post  .featured-infos .featured-date {
    color: #8d9fa4;
    background: #fff;
    padding: 4px 14px;
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    z-index: 10000;
    margin-top: -10px;
}


#featured-post  .featured-infos .featured-date::after{
    content: '';
    left: calc(50% - 24px / 2);
    position: absolute;
    z-index: 100;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #fff transparent transparent transparent;
}

/* ----------------- featured-right----------------- */


#featured-right {
    float: left;
    width: 38%;
    background-size: cover;
}

#featured-right .box-atriz {
    float: left;
    width: 100%;
    height: calc(100% / 3 - 20px / 3);
    background: url(imgs/box-atriz.png) top center no-repeat;
    margin-bottom: 10px;
    background-size: cover;
}


.box-redes {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.rede {
    width: calc(100% / 4 - 15px / 4);
    margin-right: 5px;
    height: 90px;
    float: left;
}

.rede:hover{
   opacity: 0.8;
    transition: all .5s;
}

.rede.instagram {
    background: url(imgs/box-i.png) top center no-repeat;
    background-size: cover;
}

.rede.facebook {
    margin-right: 0px;
    background: url(imgs/box-f.png) top center no-repeat;
        background-size: cover;
}

.rede.twitter {
    background: url(imgs/box-t.png) top center no-repeat;
    background-size: cover;
}

.rede.youtube {
    background: url(imgs/box-y.png) top center no-repeat;
    background-size: cover;
}

.agenda-t img {
    width: 100%;
    height: auto;
    max-width: 378px;
}

.agenda-t {
    font: 500 17px 'Montserrat', sans-serif;
    display: inline-block;
    text-transform: uppercase;
    color: #b4c5ce;
    background: #ecf1f3;
    padding: 10px 13px;
    letter-spacing: 7px;
    width: 138.92px;
    /* margin: 20px; */
    margin-left: calc(100% - 138.92px);
    margin-bottom: 20px;
    position: relative;
}

.agenda-t::after{
    content: '';
    left: calc(85% - 20px / 2);
    position: absolute;
    z-index: 100;
    display: block;
    width: 0;
    height: 0;
    margin-top: 8px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ecf1f3 transparent transparent transparent;
}

.box-agenda {
    width: 58.60%;
    float: left;
    background: url(imgs/agenda-bg.png)top center no-repeat;
    background-size: cover;
    height: 320px;
    margin-right: 20px;
    padding: 20px;
}


#agenda ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#agenda   li {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 45px;
}

#agenda .slick-prev {
 left: 92%;
 top: 115%;
 z-index: 1000;
}

#agenda .slick-next {
    top: 115%;
    left: 97%;
    font-weight: 900;
}

#agenda .slick-prev:before, .slick-next:before {
    font-size: 20px;
    color: #a4b8c3;
    opacity: 1;
    font-weight: 900;
}

#agenda .slick-prev::before {
    content: "\f106";
    font-family: FontAwesome;
    font-weight: 900;
}

#agenda .slick-next::before {
    content: "\f107";
    font-family: FontAwesome;
    font-weight: 900;
}
 
.agenda-slide {
    text-transform: uppercase;
    position: relative;
    text-align: right;
    font: 600 14px 'Montserrat', sans-serif;
    cursor: pointer;
}

#agenda data {
    padding: 8px 10px;
    background: #a3b8c2;
    color: #76929f;
    font-style: normal;
}    

#agenda local {
    color: #76929f;
    background: #ecf1f3;
    padding: 8px 20px;
}


.featured-video {
    margin-bottom: 20px;
    height: 245px;
    overflow: hidden;
}


.box-spotify {
    width: calc(100% - 58.60% - 20px);
    float: left;
}

.spotify-t {
    width: 42px;
    height: auto;
    float: left;
    margin-right: 20px;
}

.spotify-t img {
    height: auto;
    width: 100%;
    max-width: 42px;
}

.spotify {
    float: left;
    width: calc(100% - 62px);
}

/* ----------------- FEATURED SEARCH ----------------- */


#search [type="text"] {
    background: transparent;
    font-size: 15px;
    font-style: italic;
    color: #191919;
    padding: 20px;
    margin: 0px;
    border: 1px solid #bbcace;
    height: 55px;
}


input#searchsubmit {
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(imgs/search.png) top center no-repeat;
    border: none;
    padding: 0px;
    position: relative;
    float: right;
    bottom: 40px;
    right: 20px;
}


/* ----------------- CARDS ----------------- */


.cards {
    float: left;
    width: 100%;
    height: auto;
}

.card {
    width: calc(100% / 3 - 40px / 3);
    float: left;
    overflow: hidden;
    height: 395px;
    margin-bottom: 20px;
    margin-right: 20px;
    background: #89a8af;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
}

.card:nth-child(3n){
    margin-right:0;}


.card .featured {
  transition: 1s;
  width: 100%!important;
  overflow: hidden;
  position: relative;
  height: 270px;
}


.card .featured img {
#14161a
}


.card-date {
    color: #8d9fa4;
    background: #fff;
    padding: 4px 14px;
    font-size: 14px;
    display: inline-block;
    font-weight: 700;
    position: relative;
    z-index: 100;
    left: calc(100% - 15px - 87.92px);
    margin-top: 15px;
    margin-right: 15px;
}

.card-date::after{
    content: '';
    left: calc(50% - 24px / 2);
    position: absolute;
    z-index: 100;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #fff transparent transparent transparent;
}



.card-infos {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1000;
    background: url(imgs/card-bg.png) top center no-repeat;
    text-align: center;
    height: 160px;
    margin-top: -35px;
    background-size: cover;
}


.card-title {
    padding: 15px;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 10px;
}
    
.card-title a {
    font: 600 15px 'Montserrat', sans-serif;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card-title a:hover {
    color: #638d98;
}


.card-author {
    text-align: center;
    text-transform: uppercase;
    background: #80a3ac;
    color: #638d98;
    padding: 5px;
    display: inline-block;
    font: 500 14px 'Montserrat', sans-serif;
    }

.card-author span{
    color: #477681;
}

.card-text {
    padding: 15px 0px;
    width: 90%;
    height: 80px;
    color: #0d4060;
    font-size: 11px;
    line-height: 10px;
    text-align: justify;
    font-weight: 600;
    margin: 0 auto;
}

.card-share{
    width: 110.17px;
    left: calc(50% - 110.17px / 2);
    margin-top: 15px;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    position: absolute;
    z-index: 982;
    margin-top: -30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.card-share a.tt-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #00aced;
    font-size: 15px;
}

.card-share a.fb-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #3b5998;
    font-size: 15px;
}

.card-share a.wpp-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #075E54;
    font-size: 15px;
}

.card-share a.email-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #dd4065;
    font-size: 15px;
}

.card-share a.tt-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 5px;
}

.card-share a.fb-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 5px 0 0 8px;
}

.card-share a.wpp-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 4px 0 0 7px;
}

.card-share a.email-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 4px 0 0 5px;
}


.card:hover .card-share {
  opacity: 1;
  z-index: 134;
  margin-top: 15px;
}

/* ----------------- MORE POSTS BAR ----------------- */


.card-posts {
    display: inline-block;
    width: 100%;
    background: #ecf1f3;
    float: left;
}

.card-posts a{
    display: block;
    color: #b3c1c8;
    font: 500 15px 'Montserrat', sans-serif;
    line-height: 15px;
    padding: 18px;
    text-align: center;
    letter-spacing: 7px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.card-posts a:hover{
    letter-spacing:0;
}

.card-posts a:hover{
    opacity: 1;
}


/* ----------------- SEARCH HOME ----------------- */


#search-home {
    float: left;
    width: 100%;
    height: 55px;
}


/* ----------------- POSTS ----------------- */

.post {
    float: left;
    width: 67%;
    margin-right:  20px;
    }
    
.post .entry {
    margin-bottom: 30px;
    }

.post .content {
    padding: 20px;
    background:  #fff;
    }

.post .head{
    width: 100%;
    padding: 10px;
    background: #b7cbd0;
    margin: 0 auto;
    text-align: center;
    position: relative;
    min-height: 79px;
}


.post  .post-date {
    color: #859ea9;
    padding: 10px;
    font-size: 17px;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    background: #ecf1f3;
    position: relative;
    float: left;
    width: 65px;
    text-align: center;
    height: 60px;
    font-family: 'Montserrat', sans-serif;
    margin-right: 10px;
}

.post .post-date::after {
    content: '';
    left: calc(100%);
    top: calc(50% - 16px / 2);
    position: absolute;
    z-index: 100;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 8px 8px;
    border-color: transparent transparent transparent #ecf1f3;
}
.post  .post-date  dia::after{
    content: '';
    left: 17px;
    position: absolute;
    z-index: 1000;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1px 27px 1px 1px;
    border-color: #859ea9;
}

.post .post .post-footer span {
     color: #47717b;
     text-transform: uppercase;
     /* font-weight: 600; */
}

.post-title {
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 20px;
  margin-left: 70px;
}

.post-title a {
    font: 500 21px 'Montserrat', sans-serif;
    line-height: 18px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.post-share{
    text-align: right;
    margin-right: 20px;
    margin-top: -35px;
    z-index: 1000;
    position: relative;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.post-share a.tt-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #00aced;
    font-size: 15px;
}

.post-share a.fb-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #3b5998;
    font-size: 15px;
}

.post-share a.wpp-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #075E54;
    font-size: 15px;
}

.post-share a.email-url {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #6f3f6b;
    font-size: 15px;
}

.post-share a.tt-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 5px;
}

.post-share a.fb-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 5px 0 0 8px;
}

.post-share a.wpp-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 4px 0 0 7px;
}

.post-share a.email-url .fa {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    text-align: center;
    padding: 4px 0 0 5px;
}

.post .h3 {
    padding: 10px;
    margin: 8px 10px 8px 0; 
    font-family: 'Raleway', serif; 
    font-size: 25px;
    font-weight: 700; 
    font-style: normal;
    color: #4fa9a3;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;}

.post .post-footer{
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
    color: #8aaab1;
    padding: 10px;
    background: #b7cbd0;
    font-family: 'Montserrat', sans-serif;
}   

.post p { 
    margin-right: 5px;  
    margin-left: 5px;
    line-height: 30px;
    padding: 4px; 
    font-size: 14px;
    font-weight: 400;
    text-align: justify;
    font-family: 'Montserrat', sans-serif;
    line-height: 20px;}

.entry img  {
    opacity: 1;
    background: #4fa9a3;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    }

.entry img.alignright {
    float:right;
    margin-left: 10px;}

.entry img.alignleft {
    float:left; 
    margin-right: 10px;}

.entry img.aligncenter {
    display: block;
    margin-left: auto; 
    margin-right: auto;
  height: auto;
  width:100%;
}

.post .featured {
    width:100%!important;
    max-height: 300px;
    margin: 0;
    position: relative;
    /* float: left; */
    }

.post .featured img {
    height: auto;
    width: 100%!important;
    box-shadow: 0px 0px 0px;
    padding: 0px;
    border: 0px;
    opacity: 1!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    }
    
.post .featured img:hover{
        filter:grayscale(0%);
    -webkit-filter: grayscale(0%);
    }

.post ol, .post ol ul {
    padding-left: 4px; 
    margin-right: 5px; 
    margin-left: 5px; 
    margin-bottom: 5px; 
    list-style-position: inside;
    padding-bottom: 10px;
    padding-top: 10px;}

.post ul, .post ul ul {
    list-style-position: inside; 
    list-style-image: none;
    list-style-type: none;
    padding-left: 4px; 
    margin-right: 5px; 
    margin-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 10px; 
    padding-top: 10px;}


.post li {
    margin-left: 5px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;}

.post img.alignnone.size-full{
    width: 100%;
    height: auto;
}    

h1 {
    padding: 9px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    color: #dd2300;
    }

h2 {
    padding: 9px;
    color: #79979e;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -1px;
    }

h3 {
    color: #4fa9a3;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #cccc;
    margin: 0px 7px 20px 7px;
    padding: 12px 0px 0px 5px;
    }

h4 {
    padding: 9px;
    color: #4fa9a3;
    }

h5 {
    padding: 9px;
    color: #4fa9a3;
    }

h6 {
    padding: 9px;
    color:#4fa9a3;
    }

blockquote {
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    background: rgb(184, 203, 208);
    color: #fff;
}

blockquote::before{
    content: "\f10d";
    font-family: FontAwesome;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-decoration: inherit;
    margin-right: 5px;
}

.gallery {
    margin: 0 -20px 0 -20px;
    height: auto;
    padding: 10px;
    background: rgba(78, 118, 133, 0.1);
}

.gallery  img {
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    width: 100%;
    height: 100%;
    padding: 5px;
    margin: 5px;
    background: #b8cbd0;
    }


.gallery-pics img:hover {
    opacity: 1!important;
    background: #4e7685;
}

.gallery-links{
    background-color: #4c7784;
    margin: 0 -20px 0 -20px;
    padding: 0.5em 10px;
    line-height: 24px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    }


.gallery-links:before {
    content:"\f0c1";
    font-family: FontAwesome;
    font-style: normal;
    color: #fff;
    font-size: 15px;
    font-weight: 200;
    text-decoration: inherit;
    margin-right: 5px; }

.gallery-links a {
      color: #fff;
      font-weight: 600;
}

.wp-caption {
    text-align: center; 
padding-top: 4px;
margin: 10px;}

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

.more-link {
   color: #4e7685;
   cursor: pointer;
   font-size: 16px;
   font-weight: 900;
   -webkit-transition: all .3s ease;
   transition: all .3s ease;
   line-height: 40px;
   text-transform: uppercase;
}


/* ----------------- POST COMMENTS ----------------- */


#post-comments {
    width: 100%;
    padding: 20px;
    float: left;
    margin-bottom: 20px;
    background: #fff;
}

#comments {
    padding: 20px;
    width: 100%;
    float: left;
    background: #fff;
}


/* ----------------- SIDEBAR ----------------- */

#sidebar {
    float: right;
    width: calc(33% - 20px);
    max-width: 33%;
    margin: 0 0 0;
    }

.widget {
    margin-bottom: 30px;
    text-align: justify;
    font-size: 12px;
    line-height: 190%;
    color: #777;
    padding: 20px;
    background: #ecf1f3;
}

.widget a{
    color: #47717b;
}

.widget h2 {
    font: 500 16px 'Montserrat', sans-serif;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    background: #b7cbd0;
    color: #edf1f3;
    padding: 15px;
    margin-bottom: 20px;
    letter-spacing: 1px;
}

.widget h2::after{
    content: '';
    left: calc(50% - 24px / 2);
    top: 100%;
    position: absolute;
    z-index: 100;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12px 0 12px;
    border-color: #b8cbd0 transparent transparent transparent;
}

.widget ul {
    margin: 0;
    border:0px;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    }

.widget ul li {
    padding: 5px 5px 5px 0;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 0px;
    }

.widget ul ul {
    list-style-position: inside;
    list-style-image: none; 
    list-style-type: square;}

.widget ul ul > li {
    padding-left: 10px;}

.widget img, .widget a.img {
    margin: 0px; 
    padding: 0px;
    border: none; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px;
    border-radius: 3px;}

.widget img:hover, .widget a.img:hover {
    margin: 0px; 
    padding: 0px;
    border: none;}

.widget blockquote {
    margin: 5px 10px;
    padding: 0.5em 10px;
    font-style: italic;
    font-size: 12px;
    text-align: justify;
    }

.widget .textwidget{
    text-align: justify;
    padding: 10px;
}

.widget #searchform{
        text-align: center;
}


/* ----------------- FORM ----------------- */

textarea, option, select, input {
    width: 100%;
    font-weight: 400;
    position: relative;
    background: transparent;
    font-size: 15px;
    font-style: italic;
    color: #191919;
    padding: 20px;
    margin: 0px;
    border: 1px solid #bbcace;
    height: 55px;
}

textarea, option, select ,input: hover {
padding: 7px; 
color:#fff; 
background-color: #e4e4e4; 
border: none; 
font-size: 15px;}

#submit {
color: #fff; 
 background-color:#4fa9a3; 
 font-weight: 700;
 font-size: 12px; 
 text-transform: uppercase;
 text-align: center;
 -webkit-transition: all 300ms ease-out;
 -moz-transition: all 300ms ease-out;
 transition: all 300ms ease-out;}

#searchform {
text-align: center;}

input#searchside{
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(imgs/search.png) top center no-repeat;
    border: none;
    padding: 0px;
    position: relative;
    float: right;
    bottom: 40px;
    right: 20px;
}


/* ----------------- PAGINATION ----------------- */

.pagination {
    clear:both;
    position:relative;
    float: left;
    padding: 10px;
    background: #4b7683;
    width: 100%;
    margin-bottom: 20px;
}

.pagination span, .pagination a {
    display: block;
    float: left;
    font-weight: 500;
    color: #fff;
    padding: 8px 14px 8px 14px;
    margin: 1px 2px 0 2px;
    text-transform: uppercase;
    border-radius: 3px;
}

.pagination a:hover {
    opacity:1;
    background: rgba(0, 0, 0, 0.08);
}

.pagination span {font-size: 14px;}

.pagination .current, .pagination .current a {
    padding: 8px 14px 8px 14px;
    margin: 1px 2px 0 2px;
    font-size: 14px;
    color: #b8cbd0;
    font-weight: 500;
    text-transform: uppercase;
}