/*
 Theme Name:  2Summers 2020
 Theme URI:    https://2summers.net
 Description:  New theme created for 2summers in 2020
 Author:       KEMOSO
 Author URI:   https://kemoso.com
 Template:     Divi
 Version:      1.0.0
*/

/* BEGIN General Styling */
.homepage-blog .entry-title:before, 
.et_pb_sidebar_no_border .et_pb_widget .textwidget h4 + p:before,
.et_pb_sidebar_no_border .et_pb_widget .widgettitle + ul:before,
#sidebar .et_pb_widget .textwidget h4 + p:before,
#sidebar .et_pb_widget .widgettitle + ul:before,
#sidebar .et_pb_widget .widgettitle + form:before,
#sidebar .et_pb_widget .widgettitle + .tagcloud:before
{
	content:"";
	height:2px;
	width:20px;
	background-color:#999;
	display:block;
	margin: 10px auto 15px;
}
#archives-2 .widgettitle::after,
#categories-2 .widgettitle::after,
.widget_instagram-feed-widget .widgettitle::after,
#tag_cloud-3 .widgettitle::after,
#blog_subscription-4 .widgettitle::after {
	content:"";
	height:2px;
	width:20px;
	background-color:#999;
	display:block;
	margin: 15px auto 10px;	
}
a:hover {text-decoration:underline}
a.mobile_nav:hover {text-decoration:none}
/* END General Styling*/
.et_pb_title_meta_container {font-size:14px}
/* BEGIN Menu Styling */
#et-secondary-menu {float:left; width:100%}
#top-header .et-social-icons {float:right; margin-right:0}
#et-top-navigation {
	display:none;
}

.top-bar-2summers .et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a, .top-bar-2summers .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {padding-bottom:0}
.top-bar-2summers .et_pb_social_media_follow {float:right}
.top-bar-2summers .et_pb_social_media_follow li {margin-bottom:0}
.top-bar-mobile-2summers .et_mobile_menu {
	border-top:3px solid #ac836f;
}
.top-bar-mobile-2summers .et_pb_menu__wrap {
    display: inline-flex;
    flex-direction: column;	
}
.top-bar-mobile-2summers .et_pb_menu__wrap .et_mobile_nav_menu {
	order: 1;
}
.top-bar-mobile-2summers .et_pb_menu__wrap button {
	order: 2;
	display:inline-block;
	float:right;
	text-align:right;
	top: 7px;
    position: absolute;
    right: 0;	
}
.top-bar-mobile-2summers .et_pb_menu__wrap button::before {
	content:"Search";
	display:inline-block;
	font-family:"Open Sans", sans-serif;
	font-size:12px;
	margin-right:5px;
	transform:translateY(-2px);
}
.top-bar-2summers .et_pb_menu__search-button::before {
	content:"Search";
	margin-right:5px;
	display:inline-block;
	font-family:"Open Sans", sans-serif;
	font-size:12px;
	transform:translateY(-3px);
}
/* END Menu Styling */

/* BEGIN Home Blog Styling */
.homepage-blog article h2 a {
	font-size:24px;
}
.homepage-blog article h2 a:hover {
	color:#999;
}
.homepage-blog article h2 {
	text-align:center;
}
.homepage-blog.et_pb_module.et_pb_posts .et_pb_post {
    display: flex;
    flex-direction: column;
}
.homepage-blog.et_pb_module.et_pb_posts .et_pb_post .post-meta {
    order: 1;
}
.homepage-blog.et_pb_module.et_pb_posts .et_pb_post .entry-title {
    order: 2;
}
.homepage-blog.et_pb_module.et_pb_posts .et_pb_post .post-content {
    order: 3;
}
.homepage-blog .post-meta {text-align:center}
.homepage-blog .entry-featured-image-url {margin-bottom:10px;}

/* END Home Blog Styling */

/* BEGIN Sidebar Styling */
.et_pb_sidebar_no_border {
	border:solid 2px #f7f3f1;
	padding:30px;
}
.et_pb_sidebar_no_border .et_pb_widget .textwidget h4 + p:before {margin: 5px auto 10px;}
.et_pb_sidebar_no_border .et_pb_widget .textwidget img, #sidebar .textwidget img {border-radius:50%; max-width:80%}
.et_pb_sidebar_no_border .et_pb_widget .textwidget {text-align:center}
.et_pb_gutters1 .et_pb_column_1_3 .et_pb_sidebar_no_border .et_pb_widget,
#sidebar .et_pb_widget {margin-bottom:50px}
.et_pb_sidebar_no_border .et_pb_widget {
	text-align:center;
}
.et_pb_bg_layout_light .et_pb_widget li a, #sidebar .et_pb_widget .widget_recent_entries a,
#sidebar .widget_recent_entries li a {
	font-weight:600;
	display:block;
}
.et_pb_bg_layout_light .et_pb_widget li a:hover {text-decoration:underline}
.et_pb_sidebar_no_border .post-date {font-size:12px}
.et_pb_sidebar_no_border .et_pb_widget ul li {margin-bottom:20px}
.et_pb_widget li a:hover {color:#ac836f}
.tagcloud a:hover {text-decoration:none}
/* END Sidebar Styling */

/* BEGIN Single Post Styling */
.single #left-area .post-meta a,
.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_post p, .et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a,
.nav-single a {color:#ac836f}
.single #left-area .post-meta a:hover {text-decoration:underline}
/* END Single Post Styleing */

/* BEGIN Archive Styling */
.archive-blog-section.et_pb_posts a.more-link {
	font-size: 13px;
    background-color: #f7f3f1;
    border-width: 1px!important;
	display:inline-block;
	border:solid 1px #dbc9c0;
	padding:5px;
	margin-top:10px;
	border-radius:10px
}
.archive-blog-section.et_pb_posts a.more-link:hover {
	text-decoration:none;
	background-color:#eee5e1;
}
.archive-blog-section.et_pb_posts .post-meta {font-size:12px}
.sb_instagram_header {text-align:left}

/* END Archive Styling */

/* BEGIN Prev & Next button styling */
.wp-next-post-navi-pre, .wp-next-post-navi-next,
.pagination .alignleft, .pagination .alignright {
	border:solid 1px #d65d35; 
	width:auto;
	opacity:0.75;
}
.wp-next-post-navi-pre:hover, .wp-next-post-navi-next:hover,
.pagination .alignleft:hover, .pagination .alignright:hover {
	opacity:1;
}
.wp-next-post-navi-pre button, .wp-next-post-navi-next button,
.pagination a {
	padding:5px;
	width:auto;
	font-size:12px;
	font-weight:normal;
	margin:4px
}
.pagination a:hover {text-decoration:none}
.wp-next-post-navi-pre button font::before {
	content:"\38";
	font-family: etmodules;
}
.wp-next-post-navi-next button font::after {
	content:"\39";
	font-family: etmodules;
}
.wp-next-post-navi-pre button:hover, .wp-next-post-navi-next button:hover {
	font-size:12px;
	font-weight:normal;		
}
.wp-next-post-navi {margin-top:20px}
/* END Prev & Next button styling */

@media only screen and (min-width:1441px) {
	.et_pb_row, .container {width:90%}
}

@media only screen and (max-width:1440px) and (min-width:1340px) {
	.et_pb_row, .container {width:1300px}
}
@media only screen and (max-width:1339px) and (min-width:1024px) {
	.et_pb_row, .container {min-width:950px}
}
@media only screen and (min-width:981px) and (max-width:1024px) {
	.top-bar-2summers.et_pb_gutters1 .et_pb_column_3_4.desktop-menu-column, .et_pb_gutters1.et_pb_row .et_pb_column_3_4.desktop-menu-column {width:85%}
	.top-bar-2summers .et_pb_gutters1 .et_pb_column_1_4.desktop-social-column, .top-bar-2summers .et_pb_gutters1.et_pb_row .et_pb_column_1_4.desktop-social-column {width:15%}
	.top-bar-2summers .desktop-menu-column .et_pb_menu__search-button {transform:translate(5px,5px)}
	.et_pb_social_media_follow li a.icon {margin-right:3px}
	.desktop-header-row.et_pb_row {max-width:95%}
}
@media only screen and (max-width:992px) and (min-width:981px) {
	.et_pb_social_media_follow li a.icon {margin-right:0}
}
@media only screen and (min-width: 981px) {
	#left-area {
		width:66.125%;
	}
	#sidebar {width:31.875%}
	#custom-post-layout #sidebar {width:100%}
	.et_right_sidebar #main-content .container:before {right:34.875%!important; display:none}
	.et_right_sidebar #sidebar, #custom-post-layout #sidebar {
		border:solid 2px #f7f3f1;
		padding:30px;		
	}
	.top-bar-2summers .et_pb_menu__search-button {
		float:right;
		display: inline-block;
		transform: translate(60px,5px);		
	}	
}
@media only screen and (max-width:980px) and (min-width:768px) {
	.top-bar-2summers.et_pb_gutters1 .et_pb_column_3_4.desktop-menu-column, .et_pb_gutters1.et_pb_row .et_pb_column_3_4.desktop-menu-column {width:75%}
	.top-bar-2summers .et_pb_gutters1 .et_pb_column_1_4.desktop-social-column, .top-bar-2summers .et_pb_gutters1.et_pb_row .et_pb_column_1_4.desktop-social-column {width:25%}
	.desktop-menu-column .et_pb_menu__wrap { }
	.desktop-menu-column .et_pb_menu__wrap .et_mobile_nav_menu {width:75%}
	.desktop-menu-column .et_pb_menu__wrap .et_pb_menu__search-button {}
}
@media only screen and (max-width:768px) {
	.mobile-menu-column {display:inline-block; width:80%!important; margin-bottom:0}
	.mobile-socialmedia-column {display:inline-block; width:20%!important}	
	.homepage-blog article h2 a {line-height:1.2em}	
}
@media only screen and (max-width:600px) and (min-width:415px) {
	.mobile-menu-column {display:inline-block; width:70%!important; margin-bottom:0}
	.mobile-socialmedia-column {display:inline-block; width:30%!important}
	
}
@media only screen and (max-width:425px) and (min-width:370px) {
	.et_pb_row, .container {min-width:360px}
	.homepage-blog .entry-featured-image-url {height:115px; overflow:hidden}
}
@media only screen and (min-width:415px) {
	.homepage-blog article {
		width:48%;
		margin-right:2%;
		float:left;
		display:inline-block;
	}
	.homepage-blog article:nth-of-type(even) {margin-right:0}
	.homepage-blog article:nth-of-type(odd) {clear:left}
	#sidebar {text-align:center}
}
@media only screen and (max-width:414px) {
	.top-bar-mobile-2summers .et_pb_menu__wrap {width:80%}
	.et_pb_social_media_follow li a {margin-right:0}
	.mobile-menu-column {display:inline-block; width:73%!important}
	.mobile-socialmedia-column {display:inline-block; width:27%!important}
	.et_pb_blog_grid h2, .et_pb_post h2 {font-size:20px; line-height:1.25em}
	#et-main-area {padding:0 15px}
}
@media only screen and (max-width:320px) {
	.et_pb_social_media_follow_1_tb_header li a.icon,
	.et_pb_social_media_follow_1_tb_header li a.icon:before {height:20px; width:20px}
	.mobile-menu-column {display:inline-block; width:70%!important}
	.mobile-socialmedia-column {display:inline-block; width:30%!important}
	.et_pb_row, .container {min-width:300px}
}