/*
 * user.css
 *
 * Use this file for adding custom CSS style. These styles will override
 * default theme styles. You can enable/disable this CSS file inside
 * WordPress Appearance > Theme Options > General
 */

/* ---------------------------------------------------------------
 * 1. GENERAL
 * Place your general theme styles in this section.
 * ------------------------------------------------------------ */

.social-essb-desktop { display: block; }
.social-essb-mobile { display: none; }
.single .breadcrumbs .current { display: none; }

.desktop_only {display: block !important;}
.mobile_only {display: none !important;}

#utility-top { display: none; }
#sidebar .post-thumb,
#sidebar .post-content {
	margin: 0;
	float: none;
	width: 100%;
}

#sidebar .post-thumb {
		margin-bottom: .75em;
		text-align: center;
}

#sidebar .post-thumb img {
		margin: 0 auto;
		display: inline-block;
}

ul.thumb-style li {
	width: 48.4%;
	margin: 0 3.030303% 1.5em 0;
}

ul.thumb-style li:nth-child(2n+2) {
	margin-right: 0;
}

ul.thumb-style li:nth-child(2n+3) {
	clear: both;
}

.comment-sep,
.post-comment {
	display: none;
}

#wpcf7-f12705-p838-o1 select,
#wpcf7-f12705-p838-o1 textarea,
#wpcf7-f12705-p838-o1 input[type="text"],
#wpcf7-f12705-p838-o1 input[type="email"],
#wpcf7-f12705-p838-o1 input[type="search"],
#wpcf7-f12705-p838-o1 input[type="password"] {
    width: 98%;
    max-width: 100%;
    color: inherit;
}

ul.ss_social li, ul.ss_social li a {
    width: 100%;
    line-height: 50px;
    height: 50px;
    border: 2px solid transparent;
}

/* ---------------------------------------------------------------
 * 2. TABLET
 * CSS fallback for device width 768px or below
 * ------------------------------------------------------------ */

@media only screen and (max-width: 768px) {
.scroll-to-top { bottom: 1em;}
.home .entry-content .row:nth-of-type(1) { display: block; }
.hide-on-mobile { display: none; }
.social-essb-mobile { display: block; }
.social-essb-desktop { display: none; }
ul.thumb-style li {width: 100%;	float: none; margin: 0 0 1.5em;	}
#search-2 { display: none; }
#utility-top { display: none; }
.mobile_only {display: block !important;}
.desktop_only {display: none !important;}
/* CUSTOM CHANGES 
#header {padding: 1em 0 .75em;}
.site-title  img {width: auto; max-width: 100%;}
.brand h1, .brand h2, .brand h3, .brand h4, .site-title {text-align: center;}
h1 {font-size: 3em;}
.full-width .one-fourth, #secondary .one-fourth {width: 50%;}
.post-thumb {margin-right: 10px;}
h3, .section-title {font-size: 1.5em;line-height: 1.25em;margin-right: 10px;}
.post-list h3, .post-list h4 {font-size: 1.4em;line-height: 1.25;}
.entry-list h3 {font-size: 1.7em;line-height: 1.4;}
.entry-list .post-excerpt { display: none; }*/

}


/* ---------------------------------------------------------------
 * 3. MOBILE
 * CSS fallback for device width 480px or below
 * ------------------------------------------------------------ */

@media only screen and (max-width: 480px) {
.scroll-to-top { bottom: 1em;}
h1 {font-size: 3em;}
/*.home .entry-content .row:nth-of-type(1) { display: none; }*/
.hide-on-mobile { display: none; }
.social-essb-mobile { display: block; }
.social-essb-desktop { display: none; }
.widget {max-width: 100% !important;}
#search-2 { display: none; }
#utility-top { display: block; }
.mobile_only {display: block !important;}
.desktop_only {display: none !important;}
/* CUSTOM CHANGES */
#header {padding: 0.75em 0 .75em;}
.site-title  img {width: auto; max-width: 80%;}
.brand h1, .brand h2, .brand h3, .brand h4, .site-title {text-align: center;}
.entry-list .post-excerpt { display: none; }
ul { padding: 0px 5px; }
ol { padding: 0px 5px; }
}
@media only screen and (max-width: 320px) {
h1 {font-size: 2.6em;}
}