/*
Theme Name: Mercury Insurance
Theme URI:
Description:
Author URI:
Version:
License:
License URI:
Tags:
Text Domain: mer
*/
.clear { clear: both; }

	.header-form-inner ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    .header-form-inner :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    .header-form-inner ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    .header-form-inner :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }

.mobile-header-search-btn { line-height: 51px; color: #FFF; position: absolute; top: 0; right: 51px; width: 51px; height: 51px; text-align: center; }
.mobile-header-search-btn:before { font-family: FontAwesome; content: "\f002"; width: 51px; text-align: center; }

.mobile-header-search-inner-row { background: #5c0000; color: #FFF; padding:16px 15px 0px 15px; }
.mobile-header-search-inner-row input { float: left; width: 80% !important;

-webkit-border-top-left-radius: 5px !important;
-webkit-border-bottom-left-radius: 5px !important;
-moz-border-radius-topleft: 5px !important;
-moz-border-radius-bottomleft: 5px !important;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important; }

.mobile-header-search-inner-row button { margin-bottom: 0; float:right; width: 20%; background:#C2C1BF; padding: 0; height: 37px; line-height: 37px; font-size: 0;

-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px; }

.mobile-header-search-inner-row button:before { font-family: FontAwesome; content: "\f002"; text-align: center; font-size: 16px; }
.mobile-header-search-inner-row button:hover { background: #55514f; }



/*fix to avoid title being cut off at home*/
.homepage-video-section .video-container {
	margin-bottom: 0;
	margin-top: 0;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin: 40px auto;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.single-post-social-share .video-container,
.single-post-social-share .video-container iframe,
.single-post-social-share .video-container object,
.single-post-social-share .video-container embed {
    position: relative;
    padding: 0;
    margin: 0;
    height: auto;
}


.single-footer { margin-top: 30px !important; }

div.trust-content { margin-bottom: 30px; }
div.trust-content h2.center { margin-bottom: 10px; color: #000; font-size: 1.4em; font-weight: 700; text-align: center; }
div.trust-content div.awards-row-homepage { width: 100%; display: inline-block; margin-top: 20px; padding: 20px 0 20px 0; }
div.trust-content div.awards-row-homepage div.award-col { width: 33%; display: block; float: left; }
div.trust-content div.awards-row-homepage div.award-col.margin-top { margin-top: 1%; }
div.trust-content div.awards-row-homepage div.award-col a { }
div.trust-content div.awards-row-homepage div.award-col a img { max-width: 100%; margin: 0 auto; display: block; }



.single-sidebar-categories { }
.single-sidebar-categories h3 a { font-weight: 700; font-size: 14px; color: #900; margin: 0; }
.single-sidebar-categories ul { list-style: none; margin: 0; padding: 0; color: #545454; font-size: 14px; }
.single-sidebar-categories ul li { position: relative; padding: 7px 0; background-image: url(images/dash.png); background-position: 0 0; background-repeat: repeat-x; }
.single-sidebar-categories ul li:first-of-type { background:none; }
.single-sidebar-categories ul li a { color: #545454; text-decoration: none; }
.single-sidebar-categories ul li a:hover { color: #900; }

.single-related-posts { }
.single-related-posts h2 { font-size: 25px !important; }
.single-related-posts ul { margin: 30px 0 0 0; list-style: none; }
.single-related-posts ul li { display: inline-block; width: 31%; float: left; margin:0; }
.single-related-posts ul li:first-of-type { margin-right: 3.5%; }
.single-related-posts ul li:last-of-type { margin-left: 3.5%; }
.single-related-posts ul li a { display: block; color: #900; font-size: 18px; line-height: 26px; font-weight: 700; }
.single-related-posts ul li a img { display: block; margin-bottom: 15px; }
.single-related-posts ul li a:hover { color:#404040; }

.single-lower-widget, .quote-info { display:none; }


.gallery-columns-1 .gallery-item { width:100%; float:left; }
	.gallery-columns-1 .gallery-item img  { width: 100%; }

.gallery-columns-2 .gallery-item { width:50%; float:left; }
	.gallery-columns-2 .gallery-item img { width: 95%; }

.gallery-columns-3 .gallery-item { width:33%; float:left; }
	.gallery-columns-3 .gallery-item img { width: 95%; }

.gallery-columns-4 .gallery-item { width:25%; float:left; }
	.gallery-columns-4 .gallery-item img { width: 95%; }

.gallery-columns-5 .gallery-item { width:20%; float:left; }
	.gallery-columns-5 .gallery-item img { width: 95%; }

.gallery-columns-6 .gallery-item { width:16%; float:left; }
	.gallery-columns-6 .gallery-item img { width: 95%; }

.gallery-columns-7 .gallery-item { width:14%; float:left; }
	.gallery-columns-7 .gallery-item img { width: 95%; }

.gallery-columns-8 .gallery-item { width:12%; float:left; }
	.gallery-columns-8 .gallery-item img { width: 95%; }

.gallery-columns-9 .gallery-item { width:11%; float:left; }
	.gallery-columns-9 .gallery-item img { width: 95%; }


.day-block { margin:20px 0 100px 0; }
.day-block a { display: inline-block; width: 30%; color: #333; margin-right: 3%; text-align: center; font-size: 18px; font-weight: bold; }
.day-block img { width: 100%; display: block; margin-bottom: 10px; }


@media (max-width:640px) {
	.single-post-right { display: none; }
	.single-related-posts ul li { width: 100%; margin: 0 0 20px 0 !important; }
	.single-lower-widget { display: block; }

	
.day-block a { width: 100%; margin-right: 0%; margin-bottom: 20px; }
	
	.gallery-columns-1 .gallery-item, .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item, .gallery-columns-5 .gallery-item, .gallery-columns-6 .gallery-item, .gallery-columns-7 .gallery-item, .gallery-columns-8 .gallery-item, .gallery-columns-9 .gallery-item { width:100%; float:left; }

	.gallery-columns-1 .gallery-item img, .gallery-columns-2 .gallery-item img, .gallery-columns-3 .gallery-item img, .gallery-columns-4 .gallery-item img, .gallery-columns-5 .gallery-item img, .gallery-columns-6 .gallery-item img, .gallery-columns-7 .gallery-item img, .gallery-columns-8 .gallery-item img, .gallery-columns-9 .gallery-item img { width: 100%; }
}

