.logoarea h2 {
	font-weight: 300;
	color: #444;
	opacity: 0.8;
	font-size: 1.1rem;
	font-family: sans-serif;
	text-align: center;
	line-height: 20px;
	padding-bottom:10px;
}

img.featured-image.wp-post-image {
	margin-bottom: 60px;
}

article h2, article h3 {
	margin-top:50px
}

article ul li {
	margin-bottom: 20px;
}


pre {
	margin-bottom: 30px !important;
}

input[type=submit] {
	background-color: #3d87a3;
	border: 1px solid #3d87a3; 
}

a {
	color: #3d87a3;
}


.yikes-mailchimp-container {
	background-color: #f5f8fb;
	padding: 20px;
}

.yikes-mailchimp-container span.EMAIL-label {
	font-family: sans-serif;
	color: #15171a;
	font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	display: block;
}

.yikes-mailchimp-container  p.form-field-description {
	font-family: sans-serif;
	font-style: normal;
	font-size: 1.3rem;
	color: #738a94;
	text-align: center;
	display: block;

}

input[type=email].yikes-easy-mc-email {
	background-color:white !important;
	font-size:1.2rem;
}

input[type=text].yikes-easy-mc-text {
	background-color:white !important;
	font-size:1.2rem;
}



.yikes-easy-mc-form label span {
			font-family: sans-serif;
	font-style: normal;
	font-size: 1.3rem;
	color: #738a94;


}



@media (max-width: 576px) {	
	.yikes-mailchimp-container span.EMAIL-label {
    	font-size: 1.2rem !important;
	}

    .yikes-mailchimp-container  p.form-field-description {
    	font-size: 1rem !important;
    }

    .logoarea h2 {

    	font-size: 0.8rem;
    	line-height: 20px;
    	padding-bottom:10px;

    }

    .blog-logo img {
    	display: block;
    	max-width: 80%;
    	margin-left:auto;
    	margin-right:auto;
    	text-align: center;
    }

    .category-boxes .box {
        width: 80px !important;
        height: 100px !important;
    }
}

h3.passion-in-coding {
	color: #555;
	margin-top:0px;

}


@media(min-width: 576px) {
	.blog-logo img {
		max-width: 300px;
		text-align: center;
	}

	.logoarea h1 {
		text-align: center;
	}
	
}

@media(min-width: 800px) {
	h3.passion-in-coding {
		margin-top:-30px
	}
	.logoarea h2 {
		display: block 	!important;
	}	
}


.page-id-514 .site-content {
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
}

.home-featured-post h2 {
	font-size: 1.5rem !important;
}

.home-featured-post h2 a {
	color: #07738e;
	line-height: 2rem;
}

.section-title {
	margin-top:50px;
}

@media (min-width: 576px) {
    .blog-logo img {
    	margin-left: -18px;
    }
	
}
.navbar-light {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

button.navbar-toggler {
    z-index: 999;
	margin-top:5px;
	margin-right:-20px;
}

#yikes-mailchimp-container-4 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
header {
    padding: 0px 20px 46px 20px;
}
header .logo-box {
    display: inline-block;
	vertical-align: middle;
}

header .logo-box a.logo {
    display: block;
    text-indent: -9999px;
}
header .logo-box a.logo {
    background: url(assets/img/poeticoding_logo_blue.png) no-repeat;
    background-size: 210px 36px;
    width: 210px;
    height: 36px;
}



/* NAVBAR DESKTOP */
header .top-header .navarea {
    display: inline-block;
}

header .top-header .navarea nav.navbar ul li.nav-item a.nav-link:link,
header .top-header .navarea nav.navbar ul li.nav-item a.nav-link:hover,
header .top-header .navarea nav.navbar ul li.nav-item a.nav-link:visited {
    color: white;
    font-family: 'Nunito Sans', sans-serif;    
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    white-space: nowrap;
/*    padding-left:20px;
    padding-right:20px;
*/}

/* NAVBAR BUTTON TOGGLE MOBILE */

header > .navarea > .navbar > button {
    top: 0px !important;
    right: 5px !important;
}

header .navbar-collapse {
    padding: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

header .navbar-collapse ul li a.nav-link {
    text-transform: uppercase;
}


.all-content {
    display: inline-block;
    vertical-align: middle;
}

.all-content a {
    font-family: 'Nunito Sans', sans-serif;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #FFFFFF;
    /*margin-left: 0px;*/
    padding-left: 30px;
    text-transform: uppercase;
    /*background-position: 0px 2px;    */
}





.learnHowBox {
    display: none;
}

.learnHowBox a {
    font-family: 'Nunito Sans', sans-serif;
	text-decoration: none;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin-left: 70px;
    background: url(https://poeticodingstg.wpengine.com/wp-content/uploads/2019/04/play.png) no-repeat top left;
    padding-left: 30px;
    text-transform: uppercase;
    background-position: 0px 2px;
}
.learnHowBox {
    display: inline-block;
    vertical-align: middle;
}

.top-header {

}

.category-boxes {
    display: block;
    text-align: center;
}

.category-boxes span {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15.7464px;
    line-height: 22px;
    text-align: center;
    /*text-transform: uppercase;*/
    color: #417FBA;

    position: absolute;
    bottom: 0px;
    left:0px;
    width: 100%;

}

.category-boxes img {
    display: block;
    margin: 0 auto;
    padding-top: 27px;
}
.category-boxes .box {
    position: relative;
    background: #f8fbff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 3px;
    width: 138px;
    height: 138px;
    text-align: center;
    margin: 20px 33px;
    display: inline-block;
    vertical-align: middle;
}

img.listing-box-icon.elixir {
    width: 50%;
    padding-top: 15px !important;
}
img.listing-box-icon.phoenix {
    width: 50%;
    padding-top: 10px !important;
}
img.listing-box-icon.docker {
    width: 90%;
    padding-top: 20px !important;
}

.category-boxes a, .category-boxes a:link, .category-boxes a:hover, .category-boxes a:visited {
    text-decoration: none;

}


.category-boxes span:hover {
    font-weight: bold;    
}


.category-boxes span.elixir {
    color: #503067;
    font-size:1.2em;
}


.category-boxes span.phoenix {
    position: absolute;
    bottom: 2px;
    color: #df5f41;
    font-size:1.2em;
}
.category-boxes span.docker {
    position: absolute;
    bottom: 2px;
    color: #426a98;
    font-size:1.2em;
}

.grow {
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .15s ease-out;
    transition: transform .15s ease-out;
    transition: transform .15s ease-out,-webkit-transform .15s ease-out;
}
.grow:focus, .grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    text-decoration: none;
    box-shadow: 0 1px 10px rgba(0,0,0,0.12), 0 1px 5px rgba(0,0,0,0.24);
    /*box-shadow: 0 1px 10px #67a8e0, 0 1px 10px #67a8e0;*/
}
.right img {
    width: 100%;
}
.right {
    display: inline-block;
    vertical-align: middle;
    width: 443px;
    margin-left: 21px;
}

#banner-header .right {
    margin-left: 0px;   
}

.left p {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.6;
}
.left h1 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    color: #FFFFFF;
}
div#banner-header .left {
    width: 642px;
    display: inline-block;
    vertical-align: middle;
}


a.subscribe-btn {
    display: block;
    text-decoration: none;
    /* background: #FFFFFF; */
    border-radius: 5px;
    border-color: white;
    text-transform: capitalize;
    font-family: 'Nunito Sans', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.8px;
    padding-top: 6.5px;
    padding-left: 20px;
    padding-right: 20px;
    /* color: #407EB8; */
    color: white;
    /* width: 136px; */
    /* height: 45px; */
    /* display: block; */
    line-height: 19.5px;
    /* text-align: center; */
}

a.subscribe-btn:hover {
    color: #396da0;
}

.leftHeader {
    display: inline-block;
    vertical-align: middle;
}
.right-header {
    float: right;
    display: inline-block;
    vertical-align: middle;
}
.searchbox {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    min-width: 180px;
}
.subscribeBox {
    display: inline-block;
    vertical-align: middle;
    margin-left: 31px;
}
div#banner-header {
    clear: both;
    padding: 30px 0px 40px 0px;
}
.searchbox .searchicon {
    display: inline-block;
    vertical-align: middle;
    background: url(assets/img/search.png) no-repeat;
    background-position: center;
    border: none;
    text-indent: -9999px;
    width: 29px;
    height: 29px;
}

@media screen and (max-width: 1200px) {
    div#banner-header .left {
        width: 520px;
    }
    .right {
        width: 376px;
    }
    div#category-boxes .box {
        margin: 14px 21px;
    }
}


@media (max-width: 1199px) {
    .section-post {
        width: 100%!important;
    }
    .section-content {
        width: 73%!important;
    }
    a.section-post .image {
        width: 25%!important;
    }

    .wrap-section .col-8 {
        flex: 1;
        /*margin: 0 auto;*/
        max-width: 500px;
    }

}

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

    .desktop-available {
        display:none;
    }   
    .mobile-available {
        display: block !important;
        margin: 0 auto;
        width: 80%;
        max-width: 450px;
        margin-bottom: 27px;
    }

    .mobile-available.studying {
        display: block !important;
        margin: 0 auto;
        width: 80%;
        margin-bottom: 27px;
    }


    .wrap-section .col-8 {
        flex: 1;
        margin: 0 auto;
        max-width: 500px;
    }

    section#beginner, section#liveview {
        padding-left: 0px !important;
        padding-right: 0px !important;

    }

    div#banner-header .left {
        width: 100%;
        text-align: center;
    }

    .left h1 {
        font-family: Nunito Sans;
        font-size: 39px;
        line-height: 45px;
    }
    .right {
        width: 100%;
        margin-left: 0px;
        text-align: center;
    }
    .right img {
        width: 342px;
        margin: 20px 0px;
    }
    .searchbox .searchicon {
        position: relative;
        top: -6px;
    }
    /* .searchbox {
        display: none;
        margin-left: 25px;
    } */
    .leftHeader {
        display: block;
        text-align: center;
    }
    a.subscribeBtn {
        margin: 16px auto;
        height: auto;
        padding: 0px 0px;
        line-height: 33px;
        width: 102px;
    }
    .subscribeBox {
        display: block;
        margin-left: 0px;
        text-align: center;
    }
    .right-header {
        float: none;
        display: block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
    }
    div#banner-header {
        clear: both;
        padding: 20px 0px 40px 0px;
    }
}

@media screen and (max-width: 782px) {
    html {
        margin-top: 0px !important;
    }
    div#category-boxes .box {
        background: #FFFFFF;
        box-shadow: 6px 8px 35px rgba(0, 131, 161, 0.2);
        border-radius: 5px;
        width: 100px;
        height: 100px;
        text-align: center;
        margin: 8px 10px;
        display: inline-block;
        vertical-align: middle;
    }div#category-boxes img {
        display: block;
        margin: 0 auto;
        padding-top: 5px;
    }

    .searchbox-container {
        display: none;
    }
}



header.others {
	/* padding:25px 20px 30px 20px; */
    background: #69aae2;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-radius-bottomleft: 100px;
    border-bottom-left-radius: 100px;
} 
.others .learnHowBox {
    display: none!important;
}
.home {
    background: #f8fbff;
}

.site-content {
    clear: both;
}

.newspost {
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 3px;
    width: 300px;
    display: inline-block;
    margin: 8px;
    vertical-align: top;
    height: 500px;
    text-decoration: none!important;
}

a.newspost:hover {
    filter: brightness(80%);
}

a.section-post:hover {
    filter: brightness(80%);
}



@media (min-width: 718px) {
    section.post-list .container, section.latest-articles .container, section.category-articles .container {
        width: 100% !important;
        max-width: 1400px;
    }
}

section.post-list, section.latest-articles, section.category-articles {
    padding: 0px 0px;
    text-align: center;
}

section.post-list h3, .latest-articles h3, section.category-articles h3{
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 2rem;
    /*line-height: ;*/
    text-align: center;
    color: #00375D;
    margin-top: 20px;
    margin-bottom: 20px;
}

.newspost .excerpt {
    color: #888;
    font-size: 1rem;
    text-align: left;
    margin-top: 10px;
}


.post-title {
    font-family: "PT Sans";
    font-style: normal;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #00375D;
    text-align: left;
    /*height: 82px;*/
}

.meta {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /*margin: 12px 0px 5px 0px;*/
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.meta .author {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.3;
    display: inline-block;
    vertical-align: middle;
    float: left;
}
.meta .time {
    float: right;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.3;
	margin-top:9px;
}


.card-category {
    float: left;
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 22px;
    text-transform: uppercase;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.7;
    text-align: left;
    background-repeat: no-repeat;
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-position: 0px 7px;
}

.card-category.elixir {
    background: url(assets/img/icons/elixir.png);
    background-size: 24px !important;
    background-repeat: no-repeat;
    color: #58226b;
}

.card-category.docker, .card-category.devops {
    background: url(assets/img/icons/docker.png);
    background-size: 34px !important;
    background-repeat: no-repeat;
    background-position-y: 10px;
    background-position-x: -5px;
    color: #396da0;
}

.card-category.phoenix, .card-category.phoenix-liveview {
    background: url(assets/img/icons/phoenix.png);
    background-size: 24px !important;
    background-repeat: no-repeat;
    color: #ef5423;
}




.newscontent {
    padding: 0px 10px 24px 10px;
}
.clear { clear:both; }

.wrapnews {
    text-align: center;
}

.wrapnews .image {
    background-size: cover!important;
    background-position: top center!important;
	width:100%;
    height: 225px;
	margin-bottom:20px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

	}

@media(max-width: 718px) {

    .newspost {
        background: #FFFFFF;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        border-radius: 0px;
        width: 100%;
        height: 230px !important;
        display: inline-block;
        margin: 0px;
        vertical-align: top;
        min-height: auto;
        padding: 0px !important;
        text-decoration: none !important;
        margin-bottom: 10px!important;
    }
    

    .wrapnews .image {
        background-size: cover!important;
        background-position: top center!important;
        width: 30%;
        height: 230px;
        /*height: 100% !important;*/
        margin-bottom: 0px;
        display: inline-block;
        vertical-align: middle;
        float: left;
    }

    .newscontent {
        position: relative;
        padding-right: 10px !important;
        padding-top: 10px !important;
        padding-left: 0px !important;
        padding-bottom: 0px !important;
        width: 67%;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        float: right;
    }

    .meta {
        position: absolute;
        margin-top:15px;
        width: 67%
        right: 0px;
    }

    .meta .time {
        font-size: 13px;
    }

    .post-title {

    }
    .excerpt {
        /*display: none;*/
    }
}


footer.footer {
    background: #224362;
    padding: 67px 0px;
	margin:0px;
}

footer .site-description {
    color: #bcc6cf;
    font-family: Nunito Sans;
    font-size: 1rem;
    text-align: left;
    /*max-width: 320px;*/
    margin-top: 10px;
}

a.footer-logo {
    background: url(assets/img/poeticoding_logo_blue.png) no-repeat;
    background-size: 210px 36px;
    width: 210px;
    height: 36px;
    display: block;
    text-indent: -9999px;
}
footer .subscribe {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.6;
    text-align: left;
    padding-top: 76px;
}
footer input[type="text"] {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    color: rgba(0, 0, 0, 0.4);
    mix-blend-mode: normal;
    font-family: Nunito Sans;
    padding-left: 10px;
    padding: 13px 29px;
    border: none;
    border-radius: 100px;
    width: 416px;
    height: 46px;
}
footer input[type="submit"] {
    background: linear-gradient(200.32deg, #8BCBFC 3.6%, #4689C8 100%);
    border: none;
    border-radius: 100px;
    padding: 10px 0px;
    width: 118px;
    font-family: Nunito Sans;
    font-size: 15px;
    height: 46px;
    margin-left: -117px;
}

a.subscription-blue-btn:link, a.subscription-blue-btn:hover, a.subscription-blue-btn:visited {
    background: #396da0;    
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    border: none;
    border-radius: 100px;
    padding: 8px 10px 8px 10px;
    font-family: Nunito Sans;
    font-size: 15px;
}

footer .subscription-btn-container {
    margin-top: 30px;
}
footer a.subscription-blue-btn:link, footer a.subscription-blue-btn:hover, footer a.subscription-blue-btn:visited {
    background: #69aae1;    
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    border: none;
    border-radius: 100px;
    padding: 8px 10px 8px 10px;
    font-family: Nunito Sans;
    font-size: 15px;
}

footer .copyright {
    color: #bcc6cf;
    font-family: Nunito Sans;
    font-size: 1rem;
}


a.rounded-blue-button:link, a.rounded-blue-button:hover, a.rounded-blue-button:visited {
    /*background: linear-gradient(200.32deg, #8BCBFC 3.6%, #4689C8 100%);*/
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    background: #68a9e1;
    border: none;
    border-radius: 100px;
    padding: 10px 20px 10px 20px;
    /*width: 118px;*/
    font-family: Nunito Sans;
    font-size: 15px;
    /*height: 46px;*/
}

a.rounded-blue-button:hover {
    background: #224362;    
}



footer .heading {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    font-size: 24px;
    line-height: 35px;
    color: #FFFFFF;
    margin-top: 19px;
}


.footer-menu-container ul.menu li a {
    font-family: Nunito Sans;
    color: white;
}

.footer-menu-container ul.menu li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.7;
    text-align: left;
}
.footer-menu-container ul.menu {
    padding: 0px;
    margin: 0px;
    text-align: left;
}


section#about-me {
    background: #f7fbff;
    padding: 120px 0px 80px 0px;
    margin: 0px;
}
section#about-me h3 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    color: #00375D;
}
section#about-me p {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.7;
    padding-top: 26px;
    padding-bottom: 26px;
    width: 563px;
    max-width: 100%;
}
.socialmedia a:hover {
    opacity: 0.7;
}
.socialmedia a {
    display: inline-block;
    vertical-align: middle;
    color: #5086a0;
    font-size: 37px;
    padding: 0px 29px 0px 0px;
}

section#beginner {
    padding-bottom: 132px;
    padding-top: 81px;
    padding-left: 80px;
    background: linear-gradient(212.9deg, #4689C8 3.6%, #8BCBFC 100%);
    background: url(assets/img/bg-begin.png) no-repeat;
    background-size: cover;
    margin: 0px;
}

section#beginner h3 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 47px;
    text-align: center;
    color: white;
    padding-bottom: 37px;
}

section#liveview {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 80px;
    background: linear-gradient(212.9deg, #4689C8 3.6%, #8BCBFC 100%);
    background: url(assets/img/bg-blue.png) no-repeat;
    background-size: cover;
    margin: 0px;
    margin-top: 50px;
}

section#liveview h3 {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 47px;
    text-align: center;
    color: white;
    padding-bottom: 37px;
}



img.studying-image {
    position: absolute;
    z-index: 0;
    width: 35%;
    max-width: 500px !important;
    right: 7%;
}

img.crypto-course-image {

    position: absolute;
    z-index: 0;
    width: 35%;
    margin-top: -30px;
    max-width: 350px !important;
    right: 7%;
}

img.liveview-image {
    position: absolute;
    z-index: 0;
    width: 35%;
    max-width: 500px !important;
    right: 7%;
}


section.beginner .dedicated-articles, section.liveview .dedicated-articles {
    z-index: 10;
}



a.section-post {
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 3px;
    width: 348px;
    height: 117px;
    margin: 7px;
    display: inline-block;
    text-decoration: none!important;
    vertical-align: top;
}
.row.wrap-section .col-4 img {
    margin-top: 38px;
}

.newspost {
    position: relative;
    padding-bottom: 1rem;
}


.section-post .site {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12.8px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 1;
    text-align: left;
    background: url(assets/img/shot.png);
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-position: 0px 3px;
    float: left;
}
.related .site {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 12.8px;
    line-height: 18px;
    text-transform: uppercase;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 1;
    text-align: left;
    background: url(assets/img/shot.png);
    background-size: 24px;
    background-repeat: no-repeat;
    padding-left: 28px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-position: 0px 3px;
}
.site a, .site a:hover {
    color: #000000;
    text-decoration: none!important;
}
.section-post-title {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #00375D;
	clear: both;
}
.section-post .time {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 19px;
    color: #000000;
    mix-blend-mode: normal;
    opacity: 0.3;
    float: right;
    padding-top: 10px;
}
.section-content {
    padding: 9px 14px 24px 10px;
    display: inline-block;
    vertical-align: top;
    width: 243px;
    text-align: left;
}
a.section-post .image {
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 117px;
    background-size: cover!important;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

button.elm-button {
    font-family: Nunito Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 27px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    border: none;
    padding: 7px 20px;
    margin-top: 50px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

button.elm-button:hover {
    opacity: 0.8;
}

a.searchicon.hide {
    display: none!important;
}
.search-form  {
    display: inline-block!important;
    vertical-align: middle!important;
 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	opacity:0;
}
.searchbox .show {
	opacity:1;
}
.search-form .search-submit .fa {
    color: #71b1e8;
    font-size: 16px;
}
.search-form .search-submit {
    background-color: white;
}
.search-form input.search-field {
    color: white;
}
.search-form input.search-field::-webkit-input-placeholder {
  color: #ddd !important;
}

#sidebarposts aside {
    margin-bottom: 0px!important;
    padding: 0!important;
    border: 0px solid #eee!important;
}
#sidebarposts a.section-post {
    width: 100%!important;
}
#sidebarposts a.section-post .image {
    width: 25%!important;
	border-radius:0px!important;
}
#sidebarposts .section-content {
    width: 73%!important;
}
#sidebarposts .section-title {
    font-size: 14px!important;
}
a.thumbimage {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.listrelated .card {
    background: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 3px;
}


@media(max-width: 991px) {
    footer.footer {
        text-align: center;
    }
    footer .mb-5 {
        width: 100%;
        max-width: 100%;
        flex: 1;
    }
    footer .subscribe {
        text-align: center;
    }
    a.footer-logo {
        /*margin: 0 auto;*/
    }
    .single .col-md-7 {
        flex: 1;
        max-width: 100%;
    }
}

@media(max-width: 551px) {
    footer input[type="text"] {
        width: 267px;
        outline: none;
    }
    #about-me .col-7, 
    #about-me .col-5 {
        max-width: 100%;
        flex: 1;
    }
    #beginner .col-8, #beginner .col-4 {
        max-width: 100%!important;
        flex: 1!important;
    }
    #beginner .row {
        display: block;
    }
    a.section-post {
        width: 100%!important;
    }
    section#about-me h3 {
        font-size: 39px;
        line-height: 45px;
    }
    a.section-post .image {
        width: 30%!important;
    }
    .section-content {
        width: 68%!important;
    }
}

.mobile-available {
	display:none;
}

@media(max-width: 1200px) {
    .home header {
        padding: 40px 20px 0px 20px;
    }
}

.single a.section-post {
    border-radius: 0px!important;
}