/*
Theme Name: C&S Seating
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: 240823A
Author: Colin Walton
Author URI: http://www.waltoncreative.com
Template: enfold
*/
html, .html { background-color: #333333 !important; } /*this makes the background to the whole website white - rather than black first then white*/
body { background-color: #FFFFFF !important; }
body .column-top-margin { margin-top: 0px !important; }
p { margin: 0px 0 0.85em 0 !important; }
p strong { color: #000000 !important; font-weight: 500 !important; }
p a:link, p a:visited { text-decoration: underline !important; } /*links styling*/
p a:hover, p a:active { text-decoration: none !important; } /*links styling*/
h4 { font-size: 1.1em !important; line-height: 1.3em !important; margin: 4px 0 4px 0 !important; }
h5 { font-size: 0.9em !important; line-height: 1.1em !important; margin: 10px 0 4px 0 !important; border: 1px 0 0 0 solid #999999 !important; text-transform: capitalize !important; }

h1, h2, h3, h4, h5, h6 { font-weight: 400 !important; }

/*--------------- Accept Cookies button--------------*/
button#catapultCookie { background-color: #eeeeee !important; }
.avia_cookie_text, p.avia_cookie_text { font-family: 'Bebas Neue', sans-serif !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; } /*This is actually controlled by Appearance > customise > typography */
.avia-cookie-consent-button-1 { background-color: #02B11A !important; color: #fff !important; border-color: #fff !important; }  /*GREEN text Cookies YES */
.avia-cookie-consent-button-2 { background-color: #F00004 !important; color: #fff !important; }  /*RED text Cookies NO */
.avia-cookie-consent-button-4 { background-color: #02B11A !important; color: #fff !important; }  /*GREEN BG text Cookies YES in white */
.avia-cookie-consent-button-5 { background-color: #F00004 !important; color: #fff !important; }  /*RED BG text Cookies NO in white */

.avia-cookie-consent .avia-cookie-consent-button, .avia-popup .avia-cookie-consent-button { margin: -13px 0 0 6px !important; height: 30px !important; padding: 0.6em !important; }


/*-----website preloader-----*/

.av-preloading-logo { max-width: 100px !important; height: auto !important; } /*makes pre-loading LOGO smaller*/
.av-siteloader { border-radius: 50% !important; width: 20px !important; height: 20px !important; border-left-color: #999999 !important; } /*reduces size of pre-loader roundel*/
.av-preloader-reactive #top .av-siteloader-extra{ background:#ffffff  !important; } /*gets rid of horrible blob that shrinks behind the loading graphic*/
.avia-post-nav .entry-image img { border-radius: 0px !important; } /*changes the shape of the next / previous image to SQUARE on Portfolio items*/

/*--------top navigation--------*/
#top .av-main-nav ul a { text-align: left !important; color: #000000 !important;} /*links styling*/
#avia-menu .avia-menu-text { font-size: 1.25em !important; font-weight: 400 !important; }
ul.sub-menu { width: auto !important; white-space: nowrap !important; }  /*forces menu to go wider to keep submenu items to ONE LINE*/

/*----------mobile menu--------*/
#mobile-advanced a, #mobile-advanced .mega_menu_title  { padding: 6px 18px 6px 18px !important; }
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before { top: 8px !important; }

/*---------sidebar-------*/
h3.widgettitle { font-size: 0.9em !important; font-weight: 500 !important; text-align: center; text-transform: none !important; color: #000000 !important; border-top: 1px solid #FFFFFF!important; padding-top: 15px !important; } /*h3 titles in the sidebar panel*/
.sidebar { margin-top: 0px !important; padding-top: 40px !important; padding-left: 10px !important; } /*Raises the sidebar tightening the space at the top*/
.sidebar .widget { padding: 0 !important; } /*tightens up headings in sidebar*/
.sidebar_left .inner_sidebar { margin-right: 25px !important; } /*allows sidebar to be narrower*/

/*-----left and right hand tabs------*/
#top .avia-post-nav { background-color: #AAAAAA !important; } /*changes the BG colour of left and right portfolio tabs*/

/*------------Main part of page - container etc---------*/
img .first { margin-top: 0px !important; }
h3.iconbox_content_title { font-size: 1em !important; font-weight: 300 !important; color: #666666 !important; text-transform: lowercase !important; font: inherit !important; } /*Changes the < see menu text*/
.iconbox_icon { margin-top: 7px !important; } /*moves arrow down to align to text*/
.iconbox { visibility: visible !important; } /*shows the < see menu text*/

/*-----------forms----------*/
#top .text_area { height: 100px !important; }
#top .avia_ajax_form .text_input, #top .avia_ajax_form .select, #top .avia_ajax_form .text_area { font-size: 1.3em !important; padding: 6px !important; } 
.avia_ajax_form label { margin-bottom: 2px !important; }
label.input_checkbox_label a { white-space: nowrap !important; } /*stops long links from wrapping*/

/*--------contact form----------*/
.ajaxresponse.ajaxresponse_1 { margin: 10px 0 0 0 !important; }
input#avia_5_1.text_input.captcha { padding-left: 100px !important; }
span.value_verifier_label { font-size: 1.5em !important; } /*captcha sum before filling in form*/
h3.avia-form-success { font-size: 1.5em !important; /*font-family: 'Lato' !important;*/ font-style: normal !important; font-weight: 400 !important; }
h3.avia-form-success p { font-size: 1em !important; margin: 0 !important; }
iframe { margin: -20px 0 20px 0 !important; } /*moves captcha higher to equalise spacing*/
#top .avia_ajax_form input.captcha, #top .av-centered-form input.captcha { text-align: left; padding-left: 120px !important; }

/*-----------lists---------*/
ol { margin-left: 10px !important; }

/*------------images---------*/
.image-overlay .image-overlay-inside { display: none; } /*hides annoying revolving arrow logo when clicking on linked images*/
/*.avia-gallery img { border: none !important; }*/ /*hides border around gallery images*/
#top .avia-gallery .avia-gallery-thumb a:hover { opacity: 0.95 !important; } /*XXXXX  hover image not fade*/
.avia_transform a:hover .image-overlay { opacity: 0.1 !important; }  /*XXXXX PORTFOLIO IMAGE hover image SLIGHT fade*/

/*------------search results page---------*/
.author-extra-border { display: none !important; } /*hides rule covering left menu icons*/


/*-------------Footer widgets-----------------*/
#footer h3.widgettitle { font-size: 0.9em !important; font-weight: 700 !important; text-align: left !important; text-transform: none !important; color: #000000 !important; border-top: none !important; padding-top: 0px !important; } /*h3 titles in the footer panel*/
#footer .widget { margin: 0px !important; }
#footer .widget p { color: #000000 !important; }
#footer .widget p img.image { text-align: right !important; }
.special-heading-inner-border { border-color: #FFFFFF !important; border-width: 0px !important; } /*gets rid of rule after headings*/
img.badgenopopup { width: 60px !important; height: auto !important; float: right !important; margin: -12px 0 0 0 !important; } /*makes dynamic certificate logo smaller*/
.footer_color a { color: #000000 !important; }
#footer .widget .canes-seating-logos { width: 70% !important; float: right !important; } /*changes to float left when viewed on mobile device*/

/*----------Instagram Plugin ---------*/
.sbi_link { background: rgba(221, 51, 51, 0) !important; } /*first 3 digits are RGB, then last digit is the opacity of roll-over*/

@media only screen and (min-width: 989px) {
/*Tightens up the columns so have only 2% space not 6% as before*/
/*FULL WIDTHS added so that the portfolio SUMMARY page first picture isn't too tall*/
body div .first, body div .no_margin { margin-left: 0 !important; }
div .av_one_fifth { margin-left: 2%; width: 18% !important; }
div .av_one_fifth.default_av_fullwidth { margin-left: 0%; width: 20% !important; }
div .av_one_fourth { margin-left: 2%; width: 23% !important; }
div .av_one_fourth.default_av_fullwidth { margin-left: 0%; width: 25% !important; }
div .av_one_third { margin-left: 2%; width: 31.333333333333332% !important; }
div .av_one_third.default_av_fullwidth { margin-left: 0%; width: 33.333333333333332% !important; } 
div .av_two_fifth { margin-left: 2%; width: 38% !important; }
div .av_one_half { margin-left: 2%; width: 48% !important; }
div .av_three_fifth { margin-left: 2%; width: 58% !important; }
div .av_two_third { margin-left: 2%; width: 64.66666666666666% !important; }
div .av_three_fourth { margin-left: 2%; width: 73% !important; }
div .av_four_fifth { margin-left: 2%; width: 78% !important; }
div .av_one_sixth { margin-left: 2%; width: 14.666666666666666% !important; }
div .av_one_seventh { margin-left: 2%; width: 12.285714% !important; }
div .av_one_eighth { margin-left: 2%; width: 10.5% !important; }
div .av_one_nineth { margin-left: 2%; width: 9.1111111111111111% !important; }
div .av_one_tenth { margin-left: 2%; width: 8% !important; }

/*commented out to stop the first column in three columns being taller
	
div .av_one_fifth.first { margin-left: 0%; width: 20% !important; }    
div .av_one_fourth.first { margin-left: 0%; width: 25% !important; }
div .av_one_third.first { margin-left: 0%; width: 33.333333333333332% !important; }
div .av_two_fifth.first { margin-left: 0%; width: 40% !important; }
div .av_one_half.first { margin-left: 0%; width: 50% !important; }
div .av_three_fifth.first { margin-left: 0%; width: 60% !important; }
div .av_two_third.first { margin-left: 0%; width: 66.66666666666666% !important; }
div .av_three_fourth.first { margin-left: 0%; width: 75% !important; }
div .av_four_fifth.first { margin-left: 0%; width: 80% !important; }
div .av_one_sixth.first { margin-left: 0%; width: 16.666666666666666% !important; }
div .av_one_seventh.first { margin-left: 0%; width: 14.285714% !important; }
div .av_one_eighth.first { margin-left: 0%; width: 12.5% !important; }
div .av_one_nineth.first { margin-left: 0%; width: 11.1111111111111111% !important; }
div .av_one_tenth.first { margin-left: 0%; width: 9% !important; }*/
}

/*breaking point logic for the common  1/4 element in ipads. makes sure that it converts to a 1/2 element in most cases*/
/*copied from the grid.css file so it can be adjusted here*/
@media only screen and (min-width: 768px) and (max-width: 989px) {
  .responsive .av_one_fourth.first.el_before_av_one_fourth,
  .responsive .av_one_fourth.first + .av_one_fourth,
  .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth,
  .responsive .av_one_fourth.first + .av_one_fourth + .av_one_fourth + .av_one_fourth,
  .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth,
  .responsive .av_one_half.first + .av_one_fourth.el_before_av_one_fourth + .av_one_fourth,
  .responsive .avia-content-slider-inner .av_one_fourth { margin-left: 2% !important; width: 48% !important; } 
}

/*  #for iPad landscape and anything smaller
================================================== */

@media only screen and (max-width: 1050px) {
.av-preloading-logo { max-width: 100px !important; height: auto !important; } /*makes pre-loading LOGO smaller*/
div.avia-slideshow-arrows.avia-slideshow-controls { display: none !important; } /*hides the buttons on the slideshows to avoid them going too big on Tablets & Smartphones*/
.avia-slideshow-dots, .avia-slideshow-controls { display: none !important; } /*hides the blobs that represent each of the slides*/
 .title_container .main-title { line-height: 1.3em !important; } /*tightens up two line headings when viewed on iPhone*/
h2.avia-caption-title { visibility: hidden !important; } /*moving titles on home page sliders*/
.iconbox { visibility: hidden !important; display:none !important; } /*hides the < see menu text*/
#footer .widget .canes-seating-logos { width: 70% !important; float: left !important; } /*changes to float right when NOT viewed on mobile device*/
}
@media only screen and (min-width: 768px) {
.container .av-content-small.units { width:  90% !important; } /*widens container and allows sidebar to be narrower*/
.hide-home-image { display: none !important; }
}
@media only screen and (max-width: 1000px) { /*burger menu appears*/
    
 nav.main_menu {
   display: block !important;
 }
 #avia-menu .menu-item {
   display: none;
 }
 .av-burger-menu-main.menu-item-avia-special {
   display: block;
 }
}