/*
Theme Name:XF - Avada Child
Author:Tim Woolfson for PWP
Template:Avada
Conventions https://ac.pwp1.net/projects/greenfords-common-core/notebooks/68091/pages/2715/
pwp
###*/
.post-content a {font-weight:700;} /*Body links bold*/
.gm-style-iw-d {text-align: center;} /*Center aligns text in Google Maps Infoboxes*/
/*XF
###*/
.light {color:var(--awb-color4);}
.red {color:var(--awb-color5);}
.green {color:var(--awb-color6);}
/*Header & Copyright area
=======================*/ 
/*Global styling for whatsApp icon used in header and footer https://stackoverflow.com/questions/49903428/font-awesome-5-whatsapp-icon-css-style*/
  .fa-whatsapp  {color:var(--awb-color1); background: linear-gradient(#25d366,#25d366) 14% 84%/16% 16% no-repeat, radial-gradient(#25d366 60%,transparent 0);}
/* Top Bar & Copyright*/
  .fusion-header-separator {display: none!important;}
  @media (min-width: 951px) {.fusion-contact-info-email-address {margin-left:45px;}}
  #copyright {text-align: center!important;} 
  #copyright .pwp-credit {display:block;padding-top:30px;}/*PWP Credit on a new line all together*/
  @media (max-width: 950px) {.fusion-alignleft {text-align: center!important;} .contact-info {display:block; }}/*Phone numbers break onto new line all together*/
  @media (min-width: 951px) {.contact-info {margin-left:45px;} #copyright .contact-info{margin:0 30px 0 30px;}}/*used in #copyright too*/ 
/*link styling in top header & copyright area*/
  .fusion-contact-info a:hover, #copyright a:hover, #footer-subscribe a:hover {text-decoration: underline;}
  #copyright a {color: var(--awb-color1);}
/* LOGO */
  div.fusion-logo {float: none!important;}/*centers mobile logo*/
  .logo_subtitles img {height: 13px;}/*Sizing Xarcuteria Selecta, Catering, Plats Cuinats*/
  .logo_subtitles a:hover, a:active{border-bottom: 3px solid;}
  @media (max-width: 374px) {.logo_subtitles {display: none;}   }
/* Nav */
  /*remove text decoration on main menu (desktop) hover, it's been added in the avada options but shouldn't apply to the main menu*/
    #menu-main-menu a:hover, #menu-main-menu-cat a:hover, #menu-main-menu-en a:hover  {text-decoration: none!important;}
  /*Desktop Sub menu hover, selected and parent selected text colour including for news posts*/
    .sub-menu li a:hover, .sub-menu .current-menu-item > a, ul.sub-menu > li.current-menu-ancestor > a, li.current-post-parent > a {color: white!important;}
  /*Mobile menu hover (irrelevant) and selected text colour*/
    #mobile-menu-main-menu li a:hover, .fusion-mobile-current-nav-item > a {color:var(--awb-color1)!important;}
  /*Mobile menu selected arrow button colour*/
    .fusion-mobile-current-nav-item > button {color:var(--awb-color1)!important;}
  /* Language on one line on mobile https://wpml.org/forums/topic/css-to-set-the-language-switcher-flags-in-one-line-in-hamburger-desktop-menu/*/
    #mobile-menu-main-menu .wpml-ls-link {float: left !important;background: var(--awb-color1); border:none;}
 @media (max-width: 800px) {
  /*Positioning of mobile menu trigger*/
    div.fusion-mobile-menu-icons {position: absolute; top: -56px;right: -15px;width: 120px;}
   .fusion-mobile-menu-icons a {font-size: 24px;float: right;}
   }
/*Catering
========*/
/*price circles*/
  .price-circle {color: white; background-color: var(--awb-color5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;padding: 19px; width: 119px; height: 119px; text-align:center;margin-left: auto; margin-right: auto; margin-bottom: 30px;}
  .veg {background-color: var(--awb-color6);}
  p.span-price {font-size: 24px;font-weight: bold; margin-top: 25px; padding: 0; margin-bottom: -11px!important;}
  p.span-person {font-size: 14px;margin:0!important;padding:0;font-weight: normal;}
  a:hover p.span-person {font-weight: normal;}
/*CTA*/
  div.boton-div {background-color: var(--awb-color8); cursor: pointer; border-radius: 5px !important; font-size: 23px; margin-top: 25px; white-space: normal; text-align: center;}
  div.boton-div a {color: white!important; }
  div.boton-div a:hover {color: white!important;}
  div.boton-div:hover {background-color: var(--awb-color5);}
/*Alignment on Catering Home/Category Pages
  https://stackoverflow.com/questions/2808592/absolute-positioning-text-alignment*/
  .bottomalignedtitle {position:absolute; bottom:0;left:0;width:100%;}
  /*https://stackoverflow.com/questions/585945/how-to-align-content-of-a-div-to-the-bottom*/
  .minheight95 {min-height: 95px;position: relative;}
  /*Listado de productos, Navidad y Local Degustacion*/
    @media (min-width: 641px){.table-2 td {font-size:20px;}}/*Bigger font where there's more space*/
    .table-2 table tr td:nth-child(1) {white-space: normal!important;}/*Avada's table style 2 has white space no wrap at <640px that causes a horizontal scrollbar*/
    .table-2 table tr td:nth-child(2) {text-align:right;white-space: nowrap!important;}/*Price column: No wrap stops prices breaking to next line before €*/
    #CateringPriceListContainer h3, #XmasContainer h4 {margin-top:20px!important;font-weight:700} /*ID on the main page container*/
    .CateringPriceList table {width: 80%;margin: 0 auto!important;} /*Center the table except 7/11/24 class removed on Xmas*/
  /*Navidad carn d'olla price*/
  @media (min-width: 841px) and (max-width: 1185px){.carndolla::after {content:"\a";white-space:pre}}
  @media (min-width: 801px) and (max-width: 841px){.carndolla::after {content:"\a\a";white-space:pre}}
  @media (min-width: 841px) and (max-width: 1120px){.carndolla_ca::after {content:"\a";white-space:pre}}
  @media (min-width: 801px) and (max-width: 841px){.carndolla_ca::after {content:"\a\a";white-space:pre}}

/*All forms
===========*/ 
input[type=checkbox] {width: 25px;height: 30px;}
.wpcf7 input[type=submit] {width:100%!important;}
/*Default width reduced in forms for more fields per row e.g. /wp-admin/admin.php?page=wpcf7&post=8224&active-tab=0
Default bottom margin of 0 overridden in forms - maybe better to set new default!
side by side fields, nicer spacing between fields*/
  .wpcf7 p {width:100%;font-size: 20px;float: left; margin: 10px 5px 0 4px!important;}

.wpcf7-acceptance, .wpcf7-list-item.first {margin:0!important;} /*Don't indent checkboxes*/
.wpcf7-list-item {margin-left:0.5em;}/*Avada default spacing is 1em*/
.wpcf7-acceptance .wpcf7-list-item {margin-left:0;}/*Always gets it's own line, not always classed as first - no indent wanted*/
/*   .wpcf7-form p {width: 100%!important;} unnecessary, leaving here for now - was originally on <480px*/
.wpcf7-not-valid-tip {display:block!important;}/*Force below the field not alongside, need for privacy consent - possibly not needed on latest version of CF7*/
/*Footer Subscribe on background - change  colours
================================================*/ 
#footer-subscribe p {color:var(--awb-custom_color_2);}
#footer-subscribe input[type=submit] {background: var(--awb-custom_color_2);color:var(--awb-color8);}
#footer-subscribe input[type=submit]:hover {background: var(--awb-color5);color:var(--awb-color1);}
#footer-subscribe .wpcf7-not-valid-tip {background-color: #f2dede;padding-left: 4px;} /*style to match warning message*/
/*Catering and Xmas Contact
=========================*/
/*Checkboxes*/
  #CateringContact input[type=checkbox] {width: 13px;height: 17px;} /*ID on the column containing the form*/
  .wpcf7-list-item-label {font-size:15px;}/*Smaller checkboxes to fit on one line*/
  .wpcf7-acceptance .wpcf7-list-item-label {font-size: 20px;}/*This checkbox gets a line of it's own so big*/
  @media (max-width: 640px) {p {width:100%!important;}} /*One field per row*/
  @media (max-width: 640px), (min-width: 1025px) and (max-width: 1300px) {
  #CateringContact .wpcf7-list-item {width: 100%;margin-left:0;}
  /*Stop checkboxes line breaking*/
  }

/* Budget fields*/
  .euro {border: 1px solid var(--form_border_color);padding-left: 3px;display: block;}
  .euro input {border-right: 1px solid var(--form_border_color);border-bottom: 1px solid var(--form_border_color);border-left: 0;border-top: 1px solid var(--form_border_color);}
  input#personas, input#presupuesto, input#presupuestototal {padding-bottom:3px;}
  #presupuesto {border: 0;width: 90%!important;}
  #presupuestototal  {border: 0!important;width: 90%!important;}
  /*Keep 3 fields in line despite lable line breakery - rmh = Responsive Min Height - this could all be avoided by using 25:75 or 33:66 for the columns or shorter labels like english version*/
    @media (min-width: 1177px) and (max-width: 1236px){.rmh-personas {display:block;min-height: 32px;}}
    @media (min-width: 1031px) and (max-width: 1236px){.rmh-presupuestototal {display:block;min-height: 32px;}} 
    @media (min-width: 1025px) and (max-width: 1176px){.rmh-presupuestototal-cat {display:block;min-height: 32px;}} 
    @media (min-width: 1167px) and (max-width: 1176px){.rmh-presupuesto-cat {display:block;min-height: 32px;}}