/*
 Theme Name:   Bebington
 Theme URI:    http://www.eyes-down.net
 Description:  Bebington Wordpress Theme
 Author:       Stuart Palmer
 Author URI:   http://www.eyes-down.net
 Template:     enfold
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bebington
*/

.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 76px; line-height: 76px; }

.logo img {
height: auto;
width: 240px;
margin-top:20px;
}

h3 {
	color: #333333 !important;
}

#footer h3 {
	color: #777 !important;
}

.nospamplease {
	color:#C31D26;
}

.nospamplease:before {
	content: attr(data-website) "\0040" attr(data-user);
	unicode-bidi: bidi-override;
	direction: rtl;
}

.nospamplease {
	unicode-bidi: bidi-override;
	direction: rtl;
}

#custom-header h1, #custom-page h1 {
	color:#FFFFFF;
	text-transform:none;
	margin:10px 0 0 0;
}

#custom-header {
	border-bottom: 4px solid #C31D26 !important;
}

.page-id-734 #header_main, .page-id-1195 #header_main, .page-id-3373 #header_main {
border-bottom: none !important;
}

#layer_slider_1, .avia-google-maps {
	border-bottom: 4px solid #C31D26 !important;
}

.avia-shadow {
    box-shadow: none !important;
}

#after_full_slider_1 {
	border-top:none !important;
}

.big-preview {
	display:none;
}

.slider-bg, .slider-bg-only {
	background:rgba(195,29,38,.9);
	color:#FFFFFF;
}

.slider-bg-only {
	text-indent:-9999px;
}

.ls-wrapper.ls-in-out {
	position: relative !important;
}

.ls-wrapper > .ls-layer, .ls-wrapper > a > .ls-layer {
	position: absolute!important;
}

.slidewrap, .slider-bg {
	width:450px !important;
	top: 195px !important;
	left:48px !important;
	height: auto !important;
}



.slider-h2, .slidewrap h2, .slider-bg h2 {
	color:#FFFFFF !important;
	margin-bottom:20px;
	padding: 20px 20px 0 20px !important;
}

.slider-para, .slidewrap p, .slider-bg p {
	color:#ffffff;
	line-height:1.6 !important;
	font-size:110%;
	margin-bottom:20px;
	padding: 0 20px 0 20px !important;
}

.slidewrap a.avia-button, .slider-bg a.avia-button {
	margin: 0 20px 20px 20px !important;
}

.main_color .small-preview {
    background: #efefef;
	border:1px dashed #CCCCCC;
}

#top.single-post .big-preview.single-big a,
#top.single-post .small-preview {
pointer-events: none;
cursor: default;
}

.socket_color a:hover, .socket_color h1 a:hover, .socket_color h2 a:hover, .socket_color h3 a:hover, .socket_color h4 a:hover, .socket_color h5 a:hover, .socket_color h6 a:hover, .socket_color .template-search a.news-content:hover, .socket_color .wp-playlist-item .wp-playlist-caption:hover {
    color: #ffffff;
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 989px) {
		.responsive .logo img{margin:20px 0 0 0; }
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.responsive .logo img { height:auto !important; width:auto; max-width: 100%; display: block;  max-height: 80px; margin-top:15px;}

		#custom-header h1, #custom-page h1 {
			font-size:30px;
			margin:30px 0 20px 0;
		}
		
		#header_main {
			height:110px;
		}

		#custom-header .content {
			padding:0px;
		}

		#custom-header div .av-section-color-overlay {
			height:300px;
		}
		
		.ls-wrapper.ls-in-out {
			height: 100% !important;
			width: 100% !important;
		}

		.slidewrap h2, .slider-bg h2 {
			font-size:17px !important;
		}

		.slidewrap, .slider-bg {
			top: unset !important;
			width:100% !important;
			left:0 !important;
			bottom:0 !important;
			height: auto !important;
		}

		.slider-para, .slidewrap p, .slider-bg p {
			font-size:12px;
		}
		
		
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 400px) {

		.slidewrap, .slider-bg {
			top: 0 !important;
			bottom:auto !important;
			height:100% !important;
		}
		
		.ls-wrapper {
			top: 0 !important;
			bottom:auto !important;
			height:100% !important;
		}

		.slidewrap a.avia-button, .slider-bg a.avia-button {
			display:none !important;
		}

		.slidewrap h2, .slider-bg h2 {
			font-size:15px !important;
		}

		#custom-header h1, #custom-page h1 {
			font-size:24px;
			margin:20px 0 20px 0;
		}

	}