/*
Theme Name:  Readable Child Theme
Theme URI:   https://www.proteusthemes.com/
Description: Child theme for the Readable theme
Author:      ProteusThemes
Template:    readable
Version:     1.0.0
*/


/* add custom CSS code bellow */
/*header style*/
.widget_custom_html{visibility: hidden; overflow: hidden; height: 0; padding: 0; margin: 0;}
.screen-reader-text{display: none;}
select{width: 100%;}
.understanding{text-align: center; padding: 0 25px;}
.understanking h2{font-size: 25px;}
.logo{margin-right: 0;}
#menu-top{display: flex; align-items: center;}
#menu-item-22282 a{padding: 15px; color: white; background: #41a62a; transition: all .25s;}
#menu-item-22282 a:hover{box-shadow: 0 2px 5px rgba(0,0,0,.3); transform: translateY(-5px);}
.post-content--wide, .post-content-meta--wide{width: 900px; max-width: 100%;}
.navbar-default + .hidden-sm{display: none!important;}
header.header .container{width: 100%;}
header.header .container:before, header.header .container:after{content: none;}
li#menu-item-22283 a{padding: 15px!important; border: 1px solid #41a62a!important; transition: all .25s; color: #41a62a!important;}
li#menu-item-22283 a:hover{box-shadow: 0 2px 5px rgba(0,0,0,.3); transform: translateY(-5px);}
.navigation > li#menu-item-22250:hover > a::after{content: none;}

.header-mobile-phone{display: none; position: absolute; right: 75px; top: 50%; transform: translateY(-50%);}
.header-mobile-phone a{padding: 15px!important; transition: all .25s; color: #41a62a!important;}
@media(min-width: 991px){
	.navigation > li{margin-left: 5px; margin-right: 5px;}
	.navigation > li > a {padding: 36px 5px 35px;}
	.navigation > li{font-size: 0.85em; text-align: center;}
	.navigation .sub-menu > li {text-align: left;}
	.search-container, .search-container a{height: 100%;}
	header .container{display: flex; justify-content: space-between; align-items: center;}
}
@media(max-width: 1199px) and (min-width: 991px){
	.navigation > li{height: 107px; display: flex; align-items: center;}
	#menu-top{display: flex; align-items: center;}
}
@media(max-width: 990px){
	#menu-top{flex-direction: column; align-items: flex-start;}
	#menu-top > li.menu-item-has-children:after{display: inline-block; content: "‹"; transform: rotate(-90deg); position: absolute; font-size: 20px; right: 0; top:0;}
	#menu-top > li .sub-menu{display: none;}
	#menu-top > li:hover .sub-menu{display: block;}
	#menu-item-22250{display: none!important;}
	nav.navbar{box-shadow: 0 8px 10px rgba(0,0,0,.8);}
	
	.header-mobile-phone{display: inline-block;}
}
@media(max-width: 400px){
	.header-mobile-phone{right: 55px;}
	.blog-name{font-size: 20px;}
}


/*footer buttons*/
.subscribe-button{display: flex; align-items: center; background: #41a62a; color: white!important; transition: .25s; font-size: 1.2em; margin-bottom: 10px; width: 100%; max-width: 100%; padding-right: 10px;}
.subscribe-button img{filter: invert(1); transition: .25s;}
/* .subscribe-button.podcast{background: #21529a;} */
.subscribe-button.podcast img{padding: 7px;}
.subscribe-button:hover{opacity: .8; transform: translateY(-3px); box-shadow: 0 0 10px rgba(0,0,0,.2);}
.socials a{text-decoration: none; border: none;}
@media(max-width: 650px){
	.subscribe-button{width: 320px;}
}

/*socialize buttons*/
.socialize-in-button iframe{width: 65px!important; /*height: 35px!important;*/}

/*general*/
a{border: none;}
.page-id-5 .push-down-30{margin-bottom: 0;}

/*page styles*/
.col-xs-12[role="main"]{width: 100%!important;}
.sidebar{display: none!important;}