:root{
    --off-white:#fdfdfd;
    --black:#181818;
    --gray:#4c4c4c;
    --light-gray:#808080;
    --blue:#00afb9;
    --magenta-ish:#e827a3;
    --dark-grey:#212529
}
html{
    background-color:var(--off-white);
    font-size: 62.5%;
}
section.section {
    padding-right: 2rem;
    padding-left: 2rem;
}
.post .blog-listing a {
    color: var(--blue);
}
.post .blog-listing a:hover, 
.post .blog-listing a:active, 
.post .blog-listing a:focus {
    color: var(--light-gray);
    transition: 0.3s;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Oswald', sans-serif;
    color:var(--gray);
}

h2{
    font-size:4rem;
    font-weight:600;
    color:var(--magenta-ish);
}
h3{
    font-size:3.4rem;
    margin-bottom:0.5rem;
}
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited{
    color:var(--blue);
}
h3 a:hover,
h3 a:focus,
h3 a:active,
h4 a:hover,
h4 a:focus,
h4 a:active{
    color:var(--light-gray);
    transition:0.3s;
}
    
h4{
    font-size:2.8rem;
}
h5{
    font-size:2.4rem;
    font-weight:500;
}
h6{
    font-size:2rem;
    font-weight:600;
}
p{
    color:var(--dark-grey);
}
p, ul, ol{
    font-family: 'Source Serif Pro', serif;
    font-size:1.8rem;
}
hr{
	margin-top:6rem;
	margin-bottom:4rem;
	color:#ddd;
	border-top:1px solid;
}
a:visited {
    var(--blue);
}
figure.image-caption figcaption{
	font-size:1.4rem;
}
blockquote{
	margin: 2.5rem 0;
    padding: 2rem 1.5rem;
    border-left: 5px solid var(--black);
    background-color: #efefef;
	color:var(--dark-grey);
}
.pe-5{
    padding-right:3rem;
}
.container.grid-xl {
    max-width: 1320px;
}
.col-3{
    width: 33.33333%;
}
.col-9 {
    width: 66.66666667%;
}
#body-wrapper .container{
    padding-top:3rem;
}
@media screen and (max-width:840px){
    .col-3{
    width: 100%;
}
.col-9 {
    width: 100%;
}
}
@media screen and (max-width:480px){
h3 {
    font-size: 3rem!important;
}
}
/**Nav area**/
#header{
    height: auto;
    border:none;
}
#header .container{
    padding-top:1.5rem;
    padding-bottom:1.5rem;
}
#header .navbar-section{
    height:auto;
}
#header .logo img{
    width:230px;
    height:auto;
    padding-top:3.125px;
    padding-bottom:3.125px;
}
#header a{
    font-family: 'Oswald', serif;
    font-weight:400;
}
#header li a{
    font-size:2.6rem;
}
#header .submenu a{
    font-size:1.8rem;
}
#header a:hover,
#header a:focus{
    color:var(--blue)!important;
    transition:0.3s;
}
#header a.active{
    color:var(--blue)!important;
}
.dropmenu.animated ul ul{
    z-index:9;
}
.dropmenu ul li a:before{
    content:'\f0d7';
    font-size:1.2rem;
    font-weight:700;
    position:relative;
    top:1rem;
}
.social-pages{
    display:flex;
}
.social-pages a{
    align-content:center;
}
.social-pages .fa{
    position:relative;
    top:3px;
    font-size:2.5rem;
}
.social-pages a + a{
    margin-left:0;
}
.social-pages .fa.fa-2x.fa-facebook{
    color:#0866ff;
    padding-right:0;
}
.social-pages .fa.fa-instagram{
    color:#c1558b;
}
.social-pages a{
    line-height:2;
}
.social-pages a:hover{
    opacity:0.7;
    transition:0.3s;
}
.mobile-menu .button_container{
    top:4rem;
    right:3rem;
}
.mobile-menu .button_container span{
    background:var(--light-gray);
}
.overlay{
    width:300px;
    right:0;
    left:revert;
}
.overlay.open{
    opacity:1;
}
.overlay-menu{
    overflow-y:hidden;
}
.treemenu.treemenu-root{
    margin-top:3rem;
}
.treemenu li{
    background:none;
}
.mobile-container .treemenu li a{
    font-family: 'Oswald';
    font-size:2.6rem;
    color:var(--off-white);
}
.mobile-container .treemenu li a:hover,
.mobile-container .treemenu li a:active,
.mobile-container .treemenu li a:focus,
.mobile-container .treemenu li a.active,
.mobile-container .treemenu li{
    color:var(--blue)!important;
    line-height:3.9rem;
}
.mobile-container .treemenu .toggler{
    font-size:3rem;
}
.mobile-container .treemenu li.tree-empty .toggler,
.mobile-container .submenu.treemenu li.tree-empty .toggler{
    display:none;
}
.mobile-container .submenu.treemenu a{
    font-size:1.8rem;
}
/**Homepage**/
.home #page-wrapper{
    background-color: var(--off-white);
    background-image: url(/user/pages/01.home/site-back-3.webp);
    background-repeat: no-repeat;
    background-position: top right;
}
.home .featured-post-heading h2,
.home .featured-post-details h3,
.home .latest-posts-heading h2{
    margin-block-start:0;
}
.home .featured-post{
    padding-top:1rem!important;
    margin-bottom:4rem;
}
.home .featured-post-details{
    padding-left:3rem;
}
.home a:hover > img{
    opacity:0.8;
    transition:0.6s;
}
.home .post-meta{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    font-size:1.2rem;
}
.home .post-meta a{
    color:var(--magenta-ish);
}
.home .post-meta i{
    font-size:4px;
    padding: 0 0.8rem;
}
.home .post-summary p{
    font-size:1.8rem;
}
.home .featured-post-details p>img{
    display:none;
}
.home .read-more{
    color: var(--blue);
}
.home .read-more:hover, 
.home .read-more:active, 
.home .read-more:focus{
    color: var(--light-gray);
    transition: 0.3s;
}
.home .read-more i{
    margin-left:-3px;
}
.home .notes.posts{
    padding-top:3rem;
background-color: rgba(255, 255, 255, 0.7);
}
.home .notes-top,
.home .notes-heading,
.home .notes-heading h2,
.home .heavy-rotation-posts h2,
.home .heavy-rotation-posts .heavy-heading,
.home .latest-posts-heading{
    padding-top:0!important;
    margin-top:0!important;
}
.home .notes-heading h2,
.home .heavy-rotation-posts h2,
.home .latest-posts-heading h2{
    margin-bottom:0.5rem;
}
.home .notes-heading p,
.home .heavy-heading p,
.home .latest-posts-heading p{
    font-size:2.1rem;
}
.home .notes-start .col-md-6:first-of-type,
.home .heavy-posts-start .col-md-6:first-of-type,
.home .latest-post-start .col-md-4:first-of-type{
    padding-right:1.5rem;
}
.home .notes-start .col-md-6:nth-of-type(2),
.home .heavy-posts-start .col-md-6:nth-of-type(2),
.home .latest-post-start .col-md-4:nth-of-type(2),
.home .latest-post-start .col-md-4:nth-of-type(3){
    padding-left:1.5rem;
}
.home .latest-post-start .col-md-4:nth-of-type(2){
    padding-right:1.5rem;
}
.home .notes-start h3,
.home .heavy-posts-start h3,
.home .latest-post-start h4{
    margin-top:1rem!important;
}
@media screen and (max-width:480px){
       .home .post-summary p,
    	.home .read-more{
        font-size: 1.6rem;
    }
}
@media screen and (max-width:840px){
.home .featured-post-details h3{
        margin-block-start:1.2rem;
}
.home .featured-post-details {
    padding-left: 0;
}
.home .notes-start .col-md-6:first-of-type,
.home .latest-post-start .col-md-4:first-of-type,
.home .latest-post-start .col-md-4:nth-of-type(2){
    padding-right:0;
    margin-bottom:3rem;
}
.home .latest-post-start .col-md-4:nth-of-type(2),
    .home .latest-post-start .col-md-4:nth-of-type(3){
        padding-left:0;
}
.home .heavy-posts-start .col-md-6:first-of-type{
    padding-right:0;
}
.home .notes-start .col-md-6:nth-of-type(2),
.home .heavy-posts-start .col-md-6:nth-of-type(2){
    padding-left:0;
}
.home .heavy-posts-start .col-md-6:nth-of-type(2){
    margin-bottom:3rem;
}
}
@media screen and (min-width:320px){
    .home .col-md-6,
    .home .col-md-4{
        width: 100% !important;
}
}

/**Page title**/
.hero{
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
    background: #004863;
    background: -webkit-linear-gradient(135deg, #004863 30%, #00afb9 100%);
    background: linear-gradient(135deg, #004863 30%, #00afb9 100%);
    z-index:1;
 }
#blog-hero h1{
    font-size:4rem;
    font-weight:500;
    line-height:1.2;
    color:var(--off-white);
    margin-top:0;
    margin-bottom:5px;
    text-shadow:none;
}
#blog-hero .tags{
    display:none;
}
.banner h5{
    font-family: 'Source Serif Pro', serif;
    font-size: 2.1rem;
    font-style: italic;
    font-weight:400;
    margin-top:0;
    color:var(--off-white);
}
.banner .blog-date{
    font-size:16px;
    color:#fff;
}
.banner h2{
    display:none;
}
/**blog**/
.hero #to-start{
    display:none;
}
.post .post-summary,
.post .content-title{
    display:none;
}
#blog-hero .container{
    text-align:left!important;
}
.blog-listing .card .card-body>p{
    display:none;
}
.blog-listing .card-title h5{
    margin-bottom:0.5rem;
}
.post-summary p{
    font-size:1.5rem;
}
.blog-listing .card{
    min-height:470px;
}
.heavy-rotation .blog-listing .card{
	min-height:515px;
}
@media screen and (max-width:766px){
	.blog-listing .card,
	.heavy-rotation .blog-listing .card{
		min-height:auto;
	}
}
.swiffy-slider{
    margin-bottom:2rem;
}
/**post pagination**/
.pagination li a,
.pagination li a:visited{
	color:var(--blue);
}
.pagination span.active{
    color: #fff;
    background: var(--blue);
}
/**post author section**/

.author-bio{
    border-top: 1px solid #ddd;
    margin-top: 6rem;
    padding-top: 6rem;
    margin-bottom: 6rem;
}
.author-bio img{
    border-radius:50%;
    width:130px;
    height:auto;
}
.author-bio h4{
    margin-top:0;
}
.author-bio .bio-description{
    padding-left:2rem;
}
@media screen and (max-width:767px){
    .author-bio .col-2,
    .author-bio .col-10{
        width:100%;
    }
    .author-bio .bio-description{
        margin-top:1.5rem;
    }
}
/**sidebar**/
.sidebar-content ul{
    list-style:none;
}
.sidebar-content li{
    line-height:1;
}
.sidebar-post a{ 
    font-size:1.7rem;
    font-weight:700;
    line-height:1.3;
}
.sidebar-post span{
    font-size:1.4rem;
}

/****Footer****/
#footer{
    text-align:left;
    color:var(--off-white);
    background-color:var(--black);
    padding: 6rem 3rem 2rem;
}
.foot-logo {
    margin-bottom: 1.5em;
}
#footer h4{
    color: var(--off-white);
     text-transform:uppercase;
}
#footer p{
    color: var(--off-white);
    font-size: 1.6rem;
}
.foot-social{
    display: flex;
    list-style: none;
    font-size: 2.5rem;
    padding-left: 0;
    margin-left:0;
}
.foot-social .fa.fa-2x.fa-facebook {
    color: #0866ff;
    padding-right: 0;
}
.foot-social .fa.fa-instagram {
    color: #c1558b;
}
.foot-social a:hover i.fa{
    opacity:0.7;
    transition:0.3s;
}
.foot-menu a {
    color: var(--blue);
}
.foot-menu a:hover, .foot-menu a:focus, .foot-menu a:active {
    color: var(--light-gray);
    transition: 0.3s;
}
.foot-menu li {
    font-size: 1.6rem;
    padding: 0.5em 0;
    border-bottom: 1px solid #fdfdfd;
}
#mc_embed_signup #mc_embed_signup_scroll .button {
    font-family: 'Source Serif Pro', serif;
    color: var(--off-white);
    background-color: var(--blue);
    border-radius: 0;
}
#mc_embed_signup #mc_embed_signup_scroll .button:hover, #mc_embed_signup #mc_embed_signup_scroll .button:active, #mc_embed_signup #mc_embed_signup_scroll .button:focus {
    background-color: var(--light-gray);
}
.foot-menu li:last-of-type {
    border-bottom: none;
}
.copyright-section{
    text-align:center;
    margin-top:5rem;
}
@media screen and (min-width: 640px) {
    .bricklayer-column-sizer {
        width: 100%;
    }
}
@media screen and (min-width: 767px) {
    .bricklayer-column-sizer {
        width: 50%;
    }
}
@media screen and (min-width: 980px) {
    .bricklayer-column-sizer {
        width: 33.3%;
    }
}
@media screen and (max-width:991px){
    #footer .col-4{
        width:100%;
}