/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/


/* MAINTENANCE PAGE ONLY - COMMENT OUT WHEN SITE LIVE - SEE CSS IN MOBILE SECTION TOO! */
.container_wrap {
    border-top-style: none !important;
    border-top-width: 0px !important;
}

#top.avia-blank #main .container_wrap:last-child {
    border-bottom-style: none !important;
    border-bottom-width: 0px !important;
}

/* removes radius corners and borders on ALL images and adjusts padding  */
.avia_image, .avia_image img, img {
	border-radius: 0px !important;
	border: 1px #000000 !important;
	padding-top: 10px !important;
  	padding-bottom: 10px !important;
}

.entry-content-header {
	color: #000000;	
}

.widgettitle {
  	text-align: center;
}

.logo {
	margin: 0px 0px 5px 0px;
}


/* Workaround CSS for login page - see also Settings > Custom Login */
#login h1 a {
 	background-image: url("http://localhost:8888/small-world-beers/wp-content/uploads/2013/04/SWB-spot-PMS137-reversed.png");
 	background-position: center top;
 	background-repeat: no-repeat;
 	background-size: 120px 120px;
 	height: 120px;
 	width: 120px;
}

.login h1 a {
	background-size: 120px 120px;
  	height: 120px;
  	width: 120px;
  	display: block;
  	margin: 0 auto 25px;
  	text-indent: -9999px;
}



/* FONTS  */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu' sans-serif;
	font-weight: 300 !important;
  	letter-spacing: 1px !important;
}

p {
	font-family: 'Ubuntu' sans-serif;
	font-weight: 300italic !important;
  	letter-spacing: 1px !important;
}	

.main-header {
	font-weight: 300 !important;
	color: #ffffff;
	text-align: centre;
	font-size: 32px !important;
	line-height: 34px;
	text-transform: none !important;
	padding-top: 0px;
}

body .column-top-margin {
    margin-top: 10px;
}

.main-text {
	font-weight: 300italic !important;
	color: #ffffff;
	text-align: centre;
	font-size: 16px !important;
	line-height: 25px !important;
	text-transform: none !important;
	letter-spacing: 2px  !important;
	padding-top: 25px;	
}

.main-tagline {
	font-weight: 300italic !important;
	color: #ffa200;
	text-align: centre;
	font-size: 16px !important;
	line-height: 32px !important;
	text-transform: none !important;
	letter-spacing: 2px  !important;
	padding-top: 25px;	
}

/* Add orange rule to botton of header panel */
#header_main {
 	border-bottom: 10px solid #FFA200;
}

/*Hide Breadcrumb in page title bar: */
.title_container .breadcrumb {
 	display: none;
}

/* Hide page title bar */
#top.boxed .stretch_full {
 	display: none;
}

/* header with social icons - increase logo size */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { 
	height: 170px; line-height: 170px; 
}

/* Increase padding on main content area to push it away from header */
.fixed_header.social_header #main {
 	padding-top: 150px;
}

/*Increase body size:*/
body {
	font-size: 14px;
}

/*Increase email and social media icons in top bar*/
#top .avia-font-entypo-fontello, body .avia-font-entypo-fontello, html body [data-av_iconfont="entypo-fontello"]:before {
    font-family: "entypo-fontello";
    font-size: 18px;
}
	
/* adjust phone info in top bar */
.phone-info {
    font-size: 13px;
  	color: #fcaf33 !important;
	letter-spacing: 1px;
}

.phone-info span {
    line-height: 1.2em;
    padding: 0px;
}


/*Increase black slug depth containg social media and phone number*/
#header_meta {
	min-height: 40px;
}

/*Increase horizontal space between social icons and color*/
#top .social_bookmarks li {
	width: 35px;
}

#top .social_bookmarks li a {
	color: #ffffff;
}

/*adjust menu font styling*/
#top .main_menu .menu li a {
	letter-spacing: 0px;
	font-weight: 400 !important;
	font-size: 15px;
    text-align: center;
}

/*put menu text on 2 lines. Add class to actual menu item - see ABOUT US menu item*/
span.menu-break {
	display: block;
	line-height: 0;
  	bottom: 48px;
	position: relative;
}

.header-scrolled span.menu-break {
	bottom: 17px;
}

/* Increase height of rule under nav menu */
.avia-menu-fx {
	bottom: 0;
	height: 6px;
}

/* Change nav menu color in different states, can be changed in dashboard, but not fully */
.header_color .main_menu #avia-menu > li > a {
	color: #ffffff;
}

.header_color .main_menu #avia-menu > li > a:hover {
	color: #fcaf33 !important;
}

.main_menu .current-menu-item span.avia-menu-text {
  	color: #fcaf33 !important; 
}
	  
	  

#top #main .sidebar {
 	border-radius: 0px;
}

/* Reduce margin on left of logo at full size */
div .logo {
 	left: -20px;
}

#footer {
 	padding: 0px;
 	z-index: 1;
	text-align: center;
}

#footer .widget {
 	margin: 0;
	padding: 0px;
}

/* centers blue footer area with logo and text */
#crafted-in-yorkshire {
  	text-align: center;
}

#scroll-top-link {
 	right: 70px;
}

#scroll-top-link.avia_pop_class {
 	opacity: 0.5;
	visibility: hidden;
}

.avia_image, .avia_image img {
 	border-radius: 0px;
	border: 1px solid #808080;
}

/* add border around sidebar and remove border on right of main content */
.inner_sidebar {
 	margin-left: 0;
 	padding: 30px;
}

.inner_sidebar {
 	border: 1px solid;
 	margin-left: 0;
 	padding: 10%;
}

#top #main .sidebar {
 	border-left-style: none;
 	border-left-width: 0;
}

.content {
 	border-right-style: none;
 	border-right-width: 0px;
}

/* make search bar 100% width */
#top #searchform > div {
 	max-width: 100%;
 	position: relative;
}

/* reduce width of comments box on posts */
#top textarea {
  	width: 75%;
}

/* remove html info for writing comment on posts */
.form-allowed-tags {
	display: none;
}

/* reduce width of rule on reply numbering on posts */
.side-container-comment-inner {
	max-width: 94%;
}

/* add margin to bottom of main image on each page */
body .container_wrap .avia-builder-el-first {
	margin-bottom: 30px;
}

/* Website by TigerMoth Design */
.menu-item-2607 a:hover {
	text-decoration: none !important;
}

/* adjusts the big image in galleries */
.avia-gallery .avia-gallery-big {
	display: block;
	overflow: hidden;
	padding: 0px !important;
	margin-bottom: 15px !important;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-style: none !important;
	border-width: 0px !important;
}

/* adjusts the thumbnail images in galleries */
.avia-gallery img {
	float: left;
	border-style: none !important;
	border-width: 0px !important;
	padding: 2px 2px 2px 2px !important ;
	width: 100%;
	border-radius: 0;
}

/* adjusts HOTSPOTS */
.av-hotspot-container img {
	width: 100%;
}

.page-id-2715 .av-special-heading {
  	margin-top: 0;
}

.page-id-2608 .av-special-heading {
  	margin-top: 0;
}

.page-id-2309 .av-special-heading h3 {
	color: #fcaf33;	  
  	letter-spacing: 1px;
}

/* change colour of email link on contact page */
.iconlist_content a {
	color: #888888;
}

.iconlist_content a:hover {
	color: #fcaf33;
	text-decoration: none;
}	

.avia-builder-el-6, .avia-builder-el-8, .avia-builder-el-10 {
	padding-top: 0px !important;
}

	
.avia-builder-el-13 .column-top-margin {
	padding-top: 0px !important;	
}

/* Change colors and fonts on order form */

.page-id-2608 .avia-builder-el-12 h3, .page-id-2821 .avia-builder-el-1 h3 {
	color: #fcaf33;
	text-align: centre !important;	  
  	letter-spacing: 1px;
}

#top label {
	font-weight: 300 !important;
	font-size: 15px !important;
  	letter-spacing: 1px;
}

.page-id-2608 .av-special-heading.modern-centered, .page-id-2821 .av-special-heading.modern-centered {
	text-align: left;
	letter-spacing: 1px;
}

.avia_ajax_form .button {
	font-weight: 400 !important;
	font-size: 15px;
	letter-spacing: 1px;
}

/* adjust titles and captions on main image sliders */
.avia-caption-title, .avia-caption-content {    
  	letter-spacing: 1px;
}

/* adjust padding on testimonial image on left of page */
.avia-testimonial-image img {
	padding: 0 !important;
}


/* adjust letter spacing on icon lists, p and h4 headings */
.iconlist_content p, .entry-content-header h4 {
	letter-spacing: 1px !important;  
}

/* adjust font size on tabs - our beer page */
.js_active .tab {
	font-size: 16px !important;  
	letter-spacing: 1px;
}

/* adjust image margins on tabs - our beer page */
.page-id-2715 .alignleft {
	margin: 4px 20px 4px 0 !important;  
}

.page-id-2715 .avia-content-slider .slide-entry-title {
	font-size: 18px !important;
	color: #fcaf33 !important;
	text-align: center !important;
	letter-spacing: 1px;
}

/* adjust letter spacing on meta titles on testimonials */
.avia-testimonial-meta {
	letter-spacing: 1px;	  
}

/* change colour of name on testimonials */
.avia-testimonial-name {
	color: #fcaf33 !important;
}

/* overides size of logo on Google map so it does not get cropped */
.gm-style div div div div div {
	height: 100px !important;
}

		
		
/* Responsive CSS below here */




@media only screen and (max-width: 480px) {


/* adjust titles and captions on main image sliders */
.avia-caption-title {    
	font-size: 12px !important;
  	letter-spacing: 0px;
}

.avia-caption-content {    
	font-size: 8px !important;
  	letter-spacing: 0px;
}

/* sorts out styling of blue footer area with logo and text */
	  
#bsw-logo-white {
	max-width: 50px;
	margin-right: 25px;
  	display: inline-block;
	margin-top: 3px;
}

#brewed-in-yorkshire-text {
  	display: inline-block;
  	letter-spacing: 1px;
	font-size: 14px;
  	line-height: 17px;
	text-align: center;
 	font-family: 'Ubuntu';
 	font-weight: 300 !important;
  	margin-top: 5px;
	margin-bottom: 5px;
  	max-width: 70%;
	vertical-align: top;
}

}

	
@media only screen and (min-width: 481px) and (max-width: 767px) {

/* sorts out styling of blue footer area with logo and text */
#bsw-logo-white {
	max-width: 50px;
	margin-right: 30px;
  	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
}

#brewed-in-yorkshire-text {
  	display: inline-block;
  	letter-spacing: 1px;
	font-size: 14px;
  	line-height: 17px;
	text-align: center;
 	font-family: 'Ubuntu';
 	font-weight: 300 !important;
  	margin-top: 17px;
  	max-width: 80%;
	vertical-align: top;
}


  /* adjust titles and captions on main image sliders */
.avia-caption-title {    
	font-size: 18px !important;
  	letter-spacing: 1px;
}

.avia-caption-content {    
	font-size: 12px !important;
  	letter-spacing: 1px;
}
  
}
	
	
@media only screen and (max-width: 479px) {

/* this changes number of columns of the thumbnails in the gallery */
.avia-gallery-1 .avia-gallery-thumb a {
	width: 50% !important;
	padding: 0px 5px 10px 5px !important;
}

.avia-gallery-2 .avia-gallery-thumb a {
	width: 50% !important;
	padding: 0px 10px 30px 10px !important;
}
  
/*put menu text on 1 line when menu is collapsed*/
span.menu-break {
	display: inline;
	line-height: 0;
  	bottom: 0px;
	position: relative;
}

}



@media only screen and (min-width: 480px) {
  
.page-id-2715 .avia-gallery-1 img {
	padding: 5px 10px 5px 10px !important ;
}

.page-id-2715 .avia-gallery-2 img {
	padding: 5px 20px 5px 20px !important ;
}  

.page-id-2608 .avia-gallery-1 img {
	padding: 5px 10px 5px 10px !important ;
}

.page-id-2608 .avia-gallery-2 img {
	padding: 5px 20px 5px 20px !important ;
}

}



@media only screen and (max-width: 767px) {

  
/* MAINTENANCE PAGE ONLY - COMMENT OUT WHEN SITE LIVE */

.page-id-2543 .avia_image, .avia_image img {
    padding-bottom: 10px !important;
    margin-top: 50px !important;
}


/* adjust padding on images on find us page and our beers page */  
.page-id-2628 .avia_image, .avia_image img, .page-id-2715 .avia_image, .avia_image img {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
	  
.avia-builder-el-11 img {
	margin-bottom: 25px;
}

.page-id-2715 .flex_column .av_one_third .first img {
	margin-bottom: 25px;
}

  
#header_main {
 	border-bottom: 10px solid #FFA200;
}

.responsive #top .mobileMenu {
	color: #ffffff;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: 300 !important;
	font-size: 13px;
	letter-spacing: 2px;
	padding: 12px 6px;
}
	 
/* default header: main logo and main menu height. increase max value if you want to use a bigger/smaller logo */
.responsive .logo {
	height: 100px !important;
}

.responsive .logo {
	height: 100px !important;
}

.responsive .logo a, .responsive .logo img {
	height: 110px !important;
	max-height: 110px !important;
}

.logo img {
	padding: 0;
}

.main_color {
	background: none;
}

/* This shows the sidebars when viewed on mobiles and tablets */
.responsive .template-blog .blog-meta,
.responsive .post_author_timeline,
.responsive #top #main .sidebar {
	display: block;
}

/* Style custom widgets id: text 14, 15, 16 on home page */
.responsive #top #main .sidebar.smartphones_sidebar_active {
 	border-left: none;
 	border-right: none;
 	border-top-style: none;
 	border-top-width: 0px;
 	clear: both;
 	display: block;
 	text-align: left;
 	width: 100%;
}

.content, .sidebar {
	padding-bottom: 10px;
	padding-top: 10px;
}


/* add floats on custom widgets to sit them horizontally rather than vertically on mobile id: text-14,15,16 on home, about us, brewery visit, contact pages - text-17,18,19 and archive-3 on blog page */
#text-14, #text-15, #text-6, #text-7, #text-17, #text-18 {
	width: 30%;
    float: left;  	
  	margin-right: 5%;
}

#text-16, #text-8, #text-19 {
	width: 30%;
    float: left;
}

#text-15, #text-16, #text-7, #text-8, #text-18, #text-19 { 
  	clear: none; 
}

.widget {
    padding: 0 0 15px 0;
}

.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin: 0;
}

/* :only-of-type - Selects only if the element is the only one of its kind within the current parent - USED ON THE TEXT IN THE FOOTER - CRAFTED IN... */
.avia_widget_section:only-of-type {
	width: 30%;
}

.responsive .container .one.unit, .responsive .container .one.units, .responsive .container .two.units, .responsive .container .three.units, .responsive .container .four.units, .responsive .container .five.units, .responsive .container .six.units, .responsive .container .seven.units, .responsive .container .eight.units, .responsive .container .nine.units, .responsive .container .ten.units, .responsive .container .eleven.units, .responsive .container .twelve.units, .responsive #top .flex_column {
 	margin: 0px;
 	width: 45%;
}

/* don't need border around sidebar at small sizes, so remove */
.inner_sidebar {
 	margin-left: 0;
 	padding: 0px;
 	margin-left: 0;
 	border: none;
}

.main-header {
	font-weight: 300 !important;
	color: #ffffff;
	text-align: centre;
	font-size: 28px !important;
	line-height: 30px;
	text-transform: none !important;
	padding-top: 10px;
}

.main-text {
	font-weight: 300italic !important;
	color: #ffffff;
	text-align: centre;
	font-size: 14px !important;
	line-height: 22px !important;
	text-transform: none !important;
	letter-spacing: 1px  !important;
	padding-top: 10px;	
}

.main-tagline {
	font-weight: 300italic !important;
	color: #ffa200;
	text-align: centre;
	font-size: 16px !important;
	line-height: 30px !important;
	text-transform: none !important;
	letter-spacing: 2px  !important;
	padding-top: 20px;	
}


/*put menu text on 1 line when menu is collapsed*/
span.menu-break {
	display: inline;
	line-height: 0;
  	bottom: 0px;
	position: relative;
}

/*adjust margin on animated numbers - on order page*/
.avia-builder-el-14, .avia-builder-el-16, .avia-builder-el-18, .avia-builder-el-20, .avia-builder-el-22 {
	margin-bottom: 20px !important;
}

}


@media only screen and (min-width: 768px) {

  
.container_wrap {
    border-top-style: none !important;
    border-top-width: 0px !important;
}

#top .avia-blank #main .container_wrap:last-child {
    border-bottom-style: none !important;
    border-bottom-width: 0px !important;
}

.avia_image, .avia_image img {
	border-radius: 0px !important;
	border: 1px #000000 !important;
	padding-top: 30px !important;
  	padding-bottom: 30px !important;
}

.entry-content-header {
	color: #000000;	
}

/* Remove padding and margins on custom widgets id: text-14, 15, 16 on home, about us, brewery visit, contact pages - text-6,7,8 on blog page */

#text-6, #text-7, #text-8, #text-14, #text-15, #text-16, #text-17, #text-18, #text-19, #archive-3 { 
  	margin: 0;
  	padding: 0;
}

/* sorts out styling of blue footer area with logo and text */

#bsw-logo-white {
	max-width: 50px;
	margin-right: 30px;
  	display: inline-block;
	margin-top: 2px;
	vertical-align: top;
}

#brewed-in-yorkshire-text {
  	display: inline-block;
  	letter-spacing: 1px;
	font-size: 14px;
  	line-height: 17px;
	text-align: center;
 	font-family: 'Ubuntu';
 	font-weight: 300 !important;
  	margin-top: 10px;
  	max-width: 85%;
	vertical-align: top;
	margin-top: 25px;
}


}
 

@media only screen and (min-width: 1155px) {

#bsw-logo-white {
	max-width: 50px;
	margin-right: 30px;
  	display: inline-block;
	margin-top: 0px;
	vertical-align: top;
}

#brewed-in-yorkshire-text {
  	display: inline-block;
  	letter-spacing: 1px;
	font-size: 14px;
  	line-height: 17px;
	text-align: center;
 	font-family: 'Ubuntu';
 	font-weight: 300 !important;
  	margin-top: 10px;
  	max-width: 85%;
	vertical-align: top;
	margin-top: 30px;
} 
    
}