/*
 Theme Name:   Eoibakery
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Nineteen Child Theme
 Author:       Phu thin
 Author URI:   http://example.com
 Template:     twentynineteen
 Version:      1.1.2
 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:  twenty-fifteen-child
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600');

@font-face {
  font-family: Stag-Light;
  src: url(fonts/Stag-Light.otf);
}

@font-face {
  font-family: Stag-Medium;
  src: url(fonts/Stag-Medium.otf);
}

@font-face {
  font-family: Stag-Semibold;
  src: url(fonts/Stag-Semibold.otf);
}

@font-face {
  font-family: Stag-Book;
  src: url(fonts/Stag-Book.otf);
}

body{
    overflow-x: hidden;
}

.site-content {
   /* overflow: unset; */
}

.vc_col-sm-4.item-r {
    margin-top: 15px;
}

p{
    margin-bottom: 10px;
      white-space: normal;
    word-break: break-word;
}

table td, table th{
  word-break: normal !important;
}

div#list-products {
    margin-top: 43px;
}


#single-recipe img.attachment-full.size-full.wp-post-image {
    width: 100%;
}

#single-recipe h2 {
    text-align: center;
    margin-bottom: 43px;
}

strong{
    font-family: Stag-Book;
    font-size: 25px;
    color: #00539F;
    font-weight: normal;
    line-height: 1;
}

.site-info,.button, button, input[type="button"], input[type="reset"], input[type="submit"]{
    font-family: 'Montserrat', sans-serif;
}

body button,body input,body select,body optgroup, textarea,body {
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: #323E48;
    font-weight: 500;
    line-height: 1.4;    
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin: 0;
    line-height: 1;
    margin-bottom: 20px;
    color:#00539f;
    font-weight: normal;
}

form.search-form {
    width: 600px;
    text-align: left;
    margin: auto;
    max-width: 100%;
}

form.search-form label{
    position: relative;
    max-width: 100%;
}

a:focus {
    outline: none;
    text-decoration: none;
}

input[type="text"]:focus, input[type="email"]:focus, 
input[type="url"]:focus, input[type="password"]:focus, 
input[type="search"]:focus, input[type="number"]:focus, 
input[type="tel"]:focus, input[type="range"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, 
input[type="week"]:focus, input[type="time"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="color"]:focus, textarea:focus {
    border-color: #0073aa;
    outline: none;
    outline-offset: unset;
}

.single-technical div#content {
    background: #E8EAF0;
}

.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 100;
    background: #FFF;
}

.admin-bar .sticky {
    top: 32px;
}

.sticky + .site-content {
  padding-top: 72px;
}

button.search-submit {
    position: absolute;
    right: 2px;
    top: 2px;
    padding: 8px 15px;
}

button.search-submit i.fas.fa-search {
        color: #00539F;
}

.container {
    float: none !important;
}

a {
    transition: color 110ms ease-in-out;
    color: #00A7EA;
    text-decoration: underline;
}

h2 {
    font-family: Stag-Light;
    font-size: 50px;
    letter-spacing: 1px;
    font-weight: normal;
}

h2 strong{
    font-family: Stag-Semibold;
    font-size: 50px
}

h3{
  font-family: Stag-Light;
  font-weight: normal;
  letter-spacing: 1px;
  font-size: 47px;  
}

.color_white{
    color: #FFF ;
}

.color_white h2,
.color_white h3{
    color: #FFF ;
}

.color_white h3 {
    line-height: 1.25 !important;
    font-weight: normal;
    letter-spacing: 1.3px;
    font-size: 48px;
}

.color_white h3 strong{
    font-family: Stag-Semibold;
    
}

div#header-top {
    text-align: right;
    font-size: 10pt;
    margin-top: 20px;
}

h1:not(.site-title):before, h2:before {
    background: none;
    height: 0;
    margin: 0;
}

body .vc_column_container>.vc_column-inner {
    box-sizing: border-box;
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 100%;
}

#masthead {
    position:relative;
    padding-top: 10px;
}

#masthead .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}

#masthead.sticky .container {
    justify-content: center;
}

div#search-form {
    position: absolute;
    width: 100%;
    background: #FFF;
    bottom: -140px;
    z-index: 1;
    height: 140px;
    text-align: center;
    padding: 40px;
}

.information {
    padding: 20px;
}

.single-product .site-content {
    overflow: unset;
    background: #E8EAF0;
}

.sp {
    padding: 20px;
}

input.search-field {
    width: 547px;
    border: 2px solid #00539F;
    border-radius: 3px;
    max-width: 100%;
}

#nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    margin-top: 30px;
    transition: all 0.5s;
}
#nav ul a {
    text-decoration: none;
    padding: 0px 15px;
    border-right: 1px solid #00539F;
    color: #00539F;
    font-family: Stag-Book !important;
    font-weight: normal;
    font-size: 20px;
}

.gybb h4{
    font-family: Stag-Book;
    letter-spacing: 1.6px;
    font-size: 31px;
}

.gybb p{
    margin-bottom: 0;
}

.gybb a{
    font-weight: 600;
}

.single-news {
    padding: 70px 0;
}

h1.entry-title {
    max-width: 80%;
    margin: 0 10%;
    padding: 0 60px;
}

#nav ul a:hover,
#nav ul a[aria-current="page"]{
    font-family: Stag-Semibold;
}

#nav ul li{
    position: relative;
}

div#nav {
    margin-left: 0;
}

#nav ul li:after{
    content: '';
    position: absolute;
    width: 70%;
    left: 15%;
    bottom: 0;
    height: 1px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #00539F;
}

#nav ul li:hover:after{
    opacity: 1;
}

#logo img {
    margin-bottom: -72px;
    position: relative;
    z-index: 4;
}

div#h-search {
    margin-top: 30px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.5s;
}

div#h-search .fas{
    color: #00539F;
}

.sticky div#h-search {
    margin-top: -10px;
}

footer#colophon {
    background: #EFEFEF;
    color: #323E48;
    font-size: 12pt;
    padding-top: 40px;
}

#colophon .site-info {
    color: #323E48;
    margin: 0 auto;
    text-decoration: none;
    padding-top: 30px;
    padding-bottom: 40px;
    border-top: 2px solid #bfbfbf;
    font-size: 12pt;
    margin-top: 10px;
}

#colophon .site-info ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
#colophon .site-info li {
    padding: 0 10px;
    border-right: 1px solid;
    line-height: 1;
}
#colophon .site-info li, #colophon .site-info li a {
    font-size: 12pt;
    text-decoration: none;
    color: #323E48;
}
#colophon .site-info a {
    color: #00A7EA;
}

.column-3 {
    float:left;
    width: 100%;
    margin-bottom: 0;
}


div#news {
    margin-top: 43px;
}

.cylam h2{
    margin-bottom: 0;
}

.wpb_text_column.wpb_content_element.color_white.cyh{
    text-align: center;
}

.wpb_text_column.wpb_content_element.color_white.cyh .wpb_wrapper {
    display: inline-block;
    background: url(/wp-content/uploads/2019/04/Asset-13-min.png) no-repeat left center;
    padding: 20px;
    padding-left: 120px;
    min-height: 75px;
}

.cylam a{
    color:#FFF;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 8px 14px;
    letter-spacing: normal;
    border: none;
}

body .gform_wrapper .gform_footer {
    margin: 0;
}

body .gform_wrapper {
    margin: 0;
    max-width: 100%;
}

body .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}


input#gform_submit_button_2, input#gform_submit_button_4, input#gform_submit_button_6 {
    width: 100% !important;
    border-radius: 0 !important;
    background: #00A7EA !important;
    font-family: 'Montserrat' !important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 6px !important;
}

body .gform_wrapper .top_label .gfield_label {
    display: none;
}


#nav ul li ul.sub-menu {
    position: absolute;
    display: none;
    opacity: 0;
    transition: all 1s;
    background: #FFF;
    min-width: 300px;
    top: 31px;
    left: 0;
    margin-top: 0;
    padding: 10px 0;
    z-index: 2;
}

#nav ul li ul.sub-menu a{
    border:none;
    font-size: 18px;
}

#nav ul li ul.sub-menu li:after{
    display: none;
}

#nav ul li:hover > ul.sub-menu,
#nav ul li > ul.sub-menu:hover{
    opacity: 1;
    display: block;
    
}
#nav ul li ul.sub-menu ul.sub-menu {
    left: 100%;
    top:  0;
}

h1.recipe_uses {
    font-family: Stag-Book;
    font-size: 31pt;
    margin-bottom: 15px;
    margin-top: 0;
}

body #gform_wrapper_1.gform_wrapper .top_label .gfield_label {
    display: none;
}
body #gform_wrapper_1.gform_wrapper {
    margin: 0;
    max-width: 100%;
}
body #gform_wrapper_1 form#gform_1 {
    text-align: left;
    position: relative;
    width: 380px;
}
body #gform_wrapper_1 .gform_body {
    display: inline-block;
}

body #gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 16px;
}

body #gform_wrapper_1 .gform_footer.top_label {
    position: absolute;
    top: 6px;
    padding: 0;
    margin: 0;
    right: 0;
    width: auto;
}

body #gform_wrapper_1.gform_wrapper .gform_footer input.button, 
body #gform_wrapper_1.gform_wrapper .gform_footer input[type=submit], 
body #gform_wrapper_1.gform_wrapper .gform_page_footer input.button, 
body #gform_wrapper_1.gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 1em;
    width: auto;
    margin: 0;
    height: 56px;
    border-radius: 0;
    background: #00A7EA !important;
    min-width: 130px;
}



body #gform_wrapper_1.gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

.gform_wrapper div.validation_error {
    display: none;
}

body #gform_wrapper_1.gform_wrapper ul li.gfield {
    margin-top: 0;
    padding-top: 0;
}

a:visited {
    color: #00A7EA;
}

.home a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    padding: 20px 0;
    padding-right: 0;
    margin-right: 0;
    border: none;
    color: #00A7EA;
    background: none;
    font-size: 18px;
    text-decoration: underline;    
            
}

.color_white a{
    color: #FFF;
}

.color_white a:visited{
    color: #FFF;
}

.home .vc_btn3-container {
    margin-bottom: 0px;
}

body #gform_wrapper_1.gform_wrapper li.gfield.gfield_error {
    border: none;
}


body #gform_wrapper_1.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 5px 11px;
    letter-spacing: normal;
    height: 56px;
    border: none;
    min-width: 300px;
}

.footer-widgets.container .row {
    display: flex;
}

.footer-widgets ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-widgets ul a{
    font-size: 12pt;
    text-decoration: none;
    color: #323E48;
}

.footer-widgets ul li {
    line-height: 1.4;
}

.footer-widgets ul a {
    font-size: 10pt;
    text-decoration: none;
    color: #323E48;
}

.footer-widgets h2.widget-title {
    font-size: 12pt;
    text-decoration: none;
    color: #323E48;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
    letter-spacing: normal; 
}

.footer-widgets .widget_black_studio_tinymce {
    margin-right: 2%;
    width: 15%;
}

.footer-widgets section#black-studio-tinymce-7{
    margin-right: 0;
    width: 10%;
}

.footer-widgets section#black-studio-tinymce-5 {
    width: 26%;
}
.footer-widgets section#black-studio-tinymce-4 {
    width: 16%;
}
.footer-widgets section#black-studio-tinymce-6 {
    width: 8%;
}

.feature-news {
  //  padding: 0 12.5px;
}

.item-news-home{
 padding:0px !important; 
}

.feature-news .col1{
 padding: 40px; 
}

h1.title-fn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16pt;
}

h1.title-fn a{
    text-decoration: none;
}

.bottom-fn {
    color: #c8c8c8;
    padding-top: 20px;
    border-top: 1px solid #c8c8c8;  
}

.img-r,
.img-p{
    overflow: hidden;
}

.img-r:not(.mobile) div,
.img-p:not(.mobile) div{
    transition: all 1s;
}

/**
 * .img-r:hover div,
 * .img-p:hover div{
 *     width:130%;
 *     height: 130%;
 *     transition: all 1s;
 *     margin-left: -15%;
 *     margin-top:-15% ;
 * }
 */

.feature-news{
    display: flex;
    flex-direction: column;
    min-height: 347px;
}
p.description-fn {
    flex-grow: 1;
}
.bottom-fn i{
    margin-left: 15px;
}

.bottom-fn i:last-child{
    float: right;
    margin-right: 15px;
}

.bottom-fn i:before{
    margin-right: 5px;
}

#cps .wpb_column.vc_column_container.vc_col-sm-4, .gybb .wpb_column.vc_column_container.vc_col-sm-4 {
    transition: 1s;
    margin: 7.5px 0;
}
.gybb .wpb_column.vc_column_container .wpb_content_element {
    margin: 0;
}
.gybb .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.gybb .wpb_column.vc_column_container.vc_col-sm-4  .vc_column-inner {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gybb .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner > .wpb_wrapper .wpb_raw_code.wpb_content_element.wpb_raw_html {
    display: none;
}

.gybb .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner > .wpb_wrapper > * {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.gybb .wpb_column.vc_column_container.vc_col-sm-4 .vc_column-inner > .wpb_wrapper > * > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#cps .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column, .gybb .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column {
    background: url(/wp-content/uploads/2019/04/Asset-1-min.png) no-repeat center center;
    background-size: cover;   
}

#cps .wpb_column.vc_column_container.vc_col-sm-4 .wpb_text_column h4 img:nth-child(2), .gybb .wpb_column.vc_column_container.vc_col-sm-4 .wpb_text_column h4 img:nth-child(2) {
    display: none;  
}
.gybb .wpb_column.vc_column_container.vc_col-sm-4 .wpb_text_column img:nth-of-type(2) {
    display: none;
}
.gybb img {width: 140px;}
.gybb .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column img:nth-of-type(2) {
    display: block;
}
.gybb .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column img:nth-of-type(1) {
    display: none;
}
#cps .wpb_column.vc_column_container.vc_col-sm-4:nth-child(1):hover .wpb_text_column img:nth-child(1), .gybb .wpb_column.vc_column_container.vc_col-sm-4:nth-child(1):hover .wpb_text_column img:nth-child(1) {
    display: none;  
}

#cps .wpb_column.vc_column_container.vc_col-sm-4:nth-child(1):hover .wpb_text_column img:nth-child(2), .gybb .wpb_column.vc_column_container.vc_col-sm-4:nth-child(1):hover .wpb_text_column img:nth-child(2) {
    display: block;  
}

#cps .wpb_column.vc_column_container.vc_col-sm-4:nth-child(2):hover .wpb_text_column img:nth-child(1), .gybb .wpb_column.vc_column_container.vc_col-sm-4:nth-child(2):hover .wpb_text_column img:nth-child(1) {
    display: none;  
}

#cps .wpb_column.vc_column_container.vc_col-sm-4:nth-child(2):hover .wpb_text_column img:nth-child(2), .gybb .wpb_column.vc_column_container.vc_col-sm-4:nth-child(2):hover .wpb_text_column img:nth-child(2) {
    display: block;  
}

#cps .wpb_column.vc_column_container.vc_col-sm-4:nth-child(3):hover .wpb_text_column img:nth-child(1), .gybb .wpb_column.vc_column_container.vc_col-sm-4:nth-child(3):hover .wpb_text_column img:nth-child(1) {
    display: none;  
}

#cps .wpb_column.vc_column_container.vc_col-sm-4:nth-child(3):hover .wpb_text_column img:nth-child(2), .gybb .wpb_column.vc_column_container.vc_col-sm-4:nth-child(3):hover .wpb_text_column img:nth-child(2) {
    display: block;  
}

#cps .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column h4,
#cps .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column a, 
.gybb .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column h4,
.gybb .wpb_column.vc_column_container.vc_col-sm-4:hover .wpb_text_column a {
    color: #FFF !important;
}

#order_form{
    padding: 43px 0;
    background-color: #e8eaf0 !important;
    border-bottom: 15px solid #FFF;
}

#order_form .col-sm-6{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#order_form img{
    max-width: 498px;
}

div#relate-recipes {
    background: #FFF;
    padding-top: 63px;
    margin-top: 33px;
}

/*the container must be positioned relative:*/
.custom-select-1 {
    position: relative;
    font-family: Arial;
    max-width: 360px;
    margin: auto;
}

.custom-select-1 select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
    background-color: #fff;
}

div#list-cats {
    margin-bottom: 30px;
    width: 100%;
    display: inline-block;
}

.hide{
    display: none;
}

.inr{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.item-news {
    
    display: flex;
    width:100%;
    margin-bottom: 30px;
    min-height: 400px !important;
}

.inl{
    padding: 15px;
    display: flex;
    flex-direction: column;
    background: #FFF;
    font-size: 16px;
}

div#news {
    margin-top: 43px;
}

.inr {
    min-height: 400px !important;
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 20px;
    right: 10px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-color: #00539F transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/


.select-items div, .select-selected {
    color: #00539F;
    padding: 10px 26px 10px 16px;
    border: 1px solid transparent;
    border-color: #00539F;
    cursor: pointer;
    user-select: none;
    max-width: 360px;
    margin: auto;
    position: relative;
  font-family: Stag-Book;
}

.select-items div {
    border: none;
    border-bottom: 1px solid;
    padding: 10px 0;
    margin: 0 16px;
    font-size: 17px;
}

#list-cats .select-items {
    margin: 0 15px;
}

.select-items div:last-child{
    border:none;
}

/*style items (options):*/
.select-items {
    position: relative;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    margin: 0;
    border: 1px solid #00539F;
    border-top: none;
    max-width: 90%;
    margin: 0 auto;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: unset;
    color: #00A7EA;
}


.wpb_text_column.wpb_content_element.color_white.cyh.dollar .wpb_wrapper {
    background: url(/wp-content/uploads/2019/04/Asset-3-min-2.png) no-repeat left center;
}

h1.title-p {
    font-family: Stag-Book;
    font-size: 22px;
    margin-bottom: 10px;
}

p.content-p {
    font-size: 15px;
    margin-bottom: 5px;
}

a.link-p {
    font-size: 15px;
    font-weight: 600;
}

.item-p{
    margin-bottom: 63px;
}

.img-p {
    width: 100%;
    height: 230px;
    margin-bottom: 20px;
    padding: 30px;
    background: #FFF;
    position: relative;
}

.item-pc .img-p{
    padding: 0;
}

#list-products .vc_col-sm-4.item-p,
#list-recipes .vc_col-sm-4.item-r {
    padding: 0 7.5px;
    
}

.our-products div#list-cats {
    margin-bottom: 0px;
}

.title-tax{
    margin-top: 73px;
    text-align: center;
    width: 100%;
}

div#bcn_display {
    margin-top: 103px;
    text-align: center;
    font-size: 14px;
}

.title-single{
    margin-top: 43px;
}

.tax-product_cat .site-content {
    background: #e8eaf0;
}

#list-products .vc_col-sm-4.item-p{
    padding: 0 7.5px;
}

#list-products .vc_col-sm-4.item-p{
    margin-bottom: 30px !important;
}

p.cat_description {
    text-align: center;
    margin-top: 43px;
    display: none;
}

.img-r div,.img-p div {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #FFF !important;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center center !important;
}

.our-recipes {
    display: inline-block;
    margin-top: 0 !important;
    width: 100%;
}

p.all_description{
    display: block;
}


/**
 * .mac p{
 *     height: 75px;
 *     display: flex;
 *     justify-content: center;
 *     align-items: center;
 * }
 */

.img-r {
    width: 100%;
   /* height: 270px; */
  height: 150px;
    margin-bottom: 0;
    padding: 0;
    background: transparent;
}

img.alignleft.size-full.wp-image-192 {
    margin-top: -10px;
}

h1.title-r {
    font-family: Stag-Medium;
    font-size: 24px;
    padding: 20px;
    color: #FFF;
    background: url(imgs/bgtr-min.png) no-repeat center center;
    background-size: cover;
    padding-bottom: 40px;
    height: 88px;
    margin-bottom: 0;
}

#list-recipes h1.title-r{
  padding-bottom:20px;
}

.mac {
    max-width: 80%;
    margin: auto;
}

.ma {
    margin-left: 7.5px !important;
    margin-right: 7.5px !important;
}

.alignleft {
    margin-right: calc(1 * 1rem);
}

.single-recipe .site-content,
.single-makeup .site-content {
    overflow: unset;
    background: #E8EAF0;
}

.sor a,
.sorr a,
.sorrr a{
    position: relative;
}

.sor a:before,
.sorr a:before {
    content: 'See our range';
    background: #00A7EA;
    opacity: 0;
    color: #FFF;
    padding: 10px;
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 21px);
    z-index: 3;
    width: 200px;
    text-align: center;
    transition: all 0.5s;
}

.sorr a:before{
    content: 'See our recipe range';
}

.sorrr a:before{
    content: 'Learn More' !important;
    background: #00A7EA;
    opacity: 0;
    color: #FFF;
    padding: 10px;
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 21px);
    z-index: 3;
    width: 200px;
    text-align: center;
    transition: all 0.5s;
}

.sor a:after,
.sorr a:after,
.sorrr a:after {
    content: '';
    opacity: 0;
    background: #000;
    position: absolute;
    width:100%;
    height:100%;
    left: 0;
    transition: all 0.5s;
}

.sor figure:hover a:before{
    opacity: 1;
}
.sor figure:hover a:after{
    opacity: 0.5;
}
.sorr figure:hover a:before{
    opacity: 1;
}
.sorr figure:hover a:after{
    opacity: 0.5;
}

.sorrr figure:hover a:before {
    opacity: 1;
}
.sorrr figure:hover a:after{
    opacity: 0.5;
}

.sticky #nav ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

.sticky #logo{
    display: none;
}

.column-3 {
    display: inline-block;
}

.recipeGroupTitle{
 text-transform: uppercase; 
  margin-top:20px;
}
.group {
    display: inline-block;
    width:100%;
    background: #FFF;
    margin-bottom: 15px;
}
.single-technical div#single-recipe {
    margin-top: 73px;
}
.group h5{
    background: url(/wp-content/uploads/2019/04/Asset-1-min-6.png) no-repeat center center;
    background-size: cover;
    padding: 20px;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
        color: #fff;
}

.totalWeight{
    padding: 0px;
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;

}

.totalWeight ul{
   background: url(/wp-content/uploads/2019/04/Asset-1-min-6.png) no-repeat center center;
    background-size: cover;
  
   padding: 10px 20px !important;
}

.totalWeight li:nth-of-type(2){
    text-transform: uppercase;
    margin-right: 0px !important;
}

.totalWeight .information {
    
    background: #FFF;
  color: #323E48;
}

div#additional-information {
    padding: 30px 20px;
    background: #FFF;
}

.group ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    padding: 20px;
    padding-top: 0;
}

.group ul li{
    margin-right: 50px;
    min-width: 100px;
}

.group ul li:nth-child(2){
    min-width: 250px;
}

.group ul li h6{
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}
#recipe-steps h4{
    font-family: Stag-Book;
    font-size: 31pt;
    margin-bottom: 15px;
    margin-top: 63px;    
}
    

#additional-information h3 {
    font-size: 27pt;
    font-family: Stag-Book;
}

#list-products .row{
    padding-left: 7.5px ;
    padding-right: 7.5px ;
}

.single-recipe div#list-products {
    margin-top: 63px;
    padding-top: 63px;
    border-top: 1px solid #c2bebe;
}

#h-menu{
    display: none;
}

.div-link{
  cursor: pointer;
}

.hidden-xs{
    display:block;
  }

.visible-xs{
    display: none;
  }

.hero-description h2{
 max-width:90%;
}

.search .page-header {
    margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
}

.search .entry-header, .search .post-thumbnail, .search .entry-content{
 margin:10px !important; 
}

.search .entry-header h2{
 font-size:1.5em !important; 
}

 .search .entry-content{
 padding:10px !important; 
}

.search .entry-content p{
 margin:0px !important; 
}

.search .entry-header h2:before{
 width:0px !important; 
}

.full-width-cta{
  cursor: pointer;
  
}
.full-width-cta:hover{
  background-color: #00539F !important;
}

.item-p {
    height: auto !important;
}

#list-products {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
body.archive .banner_image, body.tax-product_cat .banner_image {
    margin-bottom: 50px;
    margin-top: 25px;
    width: 100%;
    position: relative;
}
body.archive .banner_image::before, body.tax-product_cat .banner_image::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 42%;
}

body.archive .banner_image img, body.tax-product_cat .banner_image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center center;
}
.category_second_inage {
    width: 100%;
    margin: 15px 0;
    position: relative;
}
.category_second_inage::before {
    content: "";
    display: block;
    padding-top: 45%;
    width: 100%;
}
.category_second_inage img {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.img-p .product_hover_image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    padding: 30px;
    background: #ffffff;
}

.img-p .product_hover_image img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}
.item-p:hover .img-p .product_hover_image {
    opacity: 1;
    visibility: visible;
}
/* .category_second_inage:not(:last-of-type) {
    margin-bottom: 60px;
} */
.our-products #list-subcategories {
    display: none;
}

/**************************/
.video-listing-wrap {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
}

.video-listing-wrap .custom-select-1 {padding-bottom: 40px;}

.video-listing-wrap p.video_cat_des {
    margin: 0 0 40px 0;
}
.video-listing-wrap .category_all {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
.video-listing-wrap .video-listing {
    list-style: none;
    margin: 0 -7.5px;
    padding: 0px 0 0 0;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}

.video-listing-wrap .video-listing li {
    list-style: none;
    margin: 0;
    padding: 0 7.5px 30px;
    width: 33.33%;
    line-height: normal;
}

.video-listing-wrap .video-listing li .video-wrap {
    display: block;
    margin: 0 0 20px 0;
    cursor: pointer;
}

.video-listing-wrap .video-listing li .video-wrap img {
    display: block;
}

.video-listing-wrap .video-listing li  h4 {
    margin: 0;
    line-height: normal;
    font-family: Stag-Book;
    font-size: 22px;
    margin-bottom: 10px;
}

.video-listing-wrap .video-listing li p {
    font-size: 15px;
}

#video-modal {
    z-index: 9999;
    background-color: rgba(0,0,0,0.7);
}

#video-modal .modal-content {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 20px;
    max-width: 780px;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#video-modal .video-wrap {
    position: relative;
    z-index: 0;
    width: 100%;
    height: auto;
    padding: 56% 0 0 0;
}
#video-modal .modal-content #video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: none;
}

#video-modal .close {
    color: #fff;
    font-size: 24px;
    text-shadow: none;
    background: #00539F;
    opacity: 1;
    width: 30px;
    height: 30px;
    text-align: center;
    font-weight: normal;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 3;
    border-radius: 50px;
    display: flex;
    float: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#video-modal .close:hover, #video-modal .close:focus {
    font-weight: bold;
}
.search .page-header .page-description{
     display: block;
    color: #00539f;
    font-family: 'Stag-Light';
  font-weight:400;
}
.search .page-header .page-title{
    color: #00539f;
  font-weight:400;
  font-size:50px;
  line-height:55px;
  font-family: 'Stag-Light';
  letter-spacing: 1px;
}
.entry .entry-footer {
        max-width: 100%;
        margin: 0px;
    }
.sticky + .site-content{
 padding-bottom:72px; 
}
.search-results .site-content, .search-no-results .site-content{
  background-color: #e8eaf0;
}
.search-results.image-filters-enabled .entry .post-thumbnail:after{
 background:none; 
}
.search-results.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
    filter: grayscale(0%);
}
.search-results .site-content .container {
    float: none !important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.search .page-header{
 width: 100%;
    text-align: center;
    font-family: Stag-Light;
    font-size: 50px;
    letter-spacing: 1px;
    font-weight: normal;
    display: flex;
    column-gap: 10px;
    justify-content: center; 
  margin-left: 0px;
    margin-right: 0px;
}

.search.search-results .entry-content{
  padding:10px 0px !important;
}
/* Media Query */

@media(max-width: 1199px) {
    #nav ul li ul.sub-menu {
        max-width: 200px;
        min-width: 200px;
    }
}

@media (min-width: 768px){
    .vc_col-sm-4 {
        width: 33.33333333%;
    }  
  .search .entry-header h2{
 min-height:75px; 
 margin-bottom: 15px !important;
}
  
}

@media (min-width: 768px) and (max-width:1200px){
    .vc_row {
        margin-left:0px !important;
      margin-right: 0px !important;
    }    
  
}

@media (max-width:1070px){
    #masthead,#header-top{
        display: none;
    }
  .hero-description h2{
     max-width:100%;
    }
}


@media screen and (max-width:768px){
  .hidden-xs{
    display:none;
  }
  
  #home-banner-section-row-mob .color_white h3,#home-banner-section-row-mob .color_white h3 strong{
    font-size:24px !important;
  }
  
  #hero-description-mob h2, #hero-description-mob h2 strong{
   font-size: 42px;
    line-height: 1em;
    text-align: left;
    max-width:550px;
  }
  
   #hero-description-mob p{
   text-align: left;
  }
  
  .visible-xs{
    display: block;
  }
    div#nav {
        display: none;
    }
    h2 {
        font-size: 35px;
      line-height: 1em;
    }
    h2 strong {
        font-family: Stag-Semibold;
        font-size: 35px;
    }
  
    h3 {
        font-size: 30px;
      line-height: 1em;
    }
    h3 strong {
        font-family: Stag-Semibold;
        font-size: 30px;
    }
    .footer-widgets .widget_black_studio_tinymce {
        margin-right: 2%;
        width: 48% !important;
    }
    .row,.vc_row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    body {
        font-size: 16px;
    }
    body .vc_custom_1554286928149 {
        padding-right: 7.5px !important;
    }
    
    .item-news {
    display: flex;
      padding-left:0px;
      padding-right: 0px;
      
    }
  
 
    #logo img {
        margin-bottom: 0;
    }
    div#logo {
        text-align: center;
    }
    div#h-search {
        margin-top: 0;
    }
    #masthead {
        padding-top: 0;
    }
    #h-menu{
        display: block;
    }
    #masthead .container {
        justify-content: space-between;
    }
    #masthead .fas{
        color: #00539F;
        font-size: 25px;
        cursor: pointer;
    }
    
  .home-hero-logo img{
   max-height: 200px;
    width: auto;
  }
  
  div#list-cats, .title-tax, div#bcn_display, .title-single, #recipe-steps, .recipe_uses, h2, .tg-wrap, .tech-heading,
   .heading, .single-technical p:not(.content-p), h3{
 /*   padding-left:20px;
    padding-right:20px; */
  }
  
  #additional-information h3{
    padding-left:0px;
    padding-right:0px;
  }
  
  .group ul{
    width:100%;
  }
  
  .totalWeight li{
   display:inline; 
    margin-right:45px !important;
  }
  
  .wpb_single_image img{
    max-width:100% !important;
  }
  
  ul, ol{
    margin-left:20px;
  }
  
  li > ul{
    margin-left:0px;
  }
    #list-products .vc_col-sm-4.item-p, #list-products .row{
   padding:0px;   
  }
  
   .totalWeight li:last-of-type{
   width:100%; 
     display:block;
     margin: 0px;
  }
  
  .feature-news .inr{
	min-height:250px !important;
  }

  #news  .inr, #news .inl{
   width:50%;
  }
  
  #news .item-news.vc_col-sm-4 .inl{
    width:100%;
  }
  
   #news .item-news.vc_col-sm-8{
    padding-left: 0px;
    padding-right: 0px;
  }
 #news .item-news.vc_col-sm-4{
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #recipe-steps .group:not(.totalWeight) ul li:first-of-type{
    width: 20%;
    float: left;
    min-width: 0px;
    margin-right: 5%;
  }
  
   #recipe-steps .group:not(.totalWeight) ul li:nth-of-type(2){
    float: left;
    width: 75%;
    margin-right: 0px;
     min-width: 0px;
  }
  
  .title-tax{
   margin-top:40px; 
  }
  
  #single-recipe h2{
   margin-top:30px !important; 
    margin-bottom:30px !important;
  }
  
  #recipe-steps h4{
   margin-top:30px !important; 
    
  }
  
  
  .group ul li:last-of-type {
      margin-bottom: 20px;
      margin-right:0px;
    float:left;
    width:100%;
    } 
  
  .modal-dialog{
   margin-top:4.5rem; 
    
  }
  .video-listing-wrap .video-listing li {
        width: 50%;
    }
  .search .page-header, .search .page-header .page-title{
   font-size:35px; 
    margin-bottom:0px;
  }
  .search .page-header{
   flex-direction:column; 
  }
    
}

@media (min-width: 576px) and (max-width:900px){
    .container {
        max-width: none;
    }
}

@media (min-width: 992px) and (max-width:1200px){
    .container {
        max-width: 100%;
    }
}

@media screen and (max-width:580px){
    .video-listing-wrap .video-listing {
        margin: 0 -2px;
    }
    .video-listing-wrap .video-listing li {
        width: 100%;
    }
}

@media screen and (max-width:480px){
	
	.home-banner-section-row {
		/* margin-right: -200px !important;
		padding-left: 20px; */
	}
	
	.home-section-first-row {
		text-align: center;
	}
	
	.home-banner-section-row .vc_custom_1564921143691 {
		margin-top: 0px !important;
	}
	
	#header-top {
		display: none !important;
	}
	
    #colophon .site-info ul {
        flex-wrap: wrap;
        text-align: left;
    }
    #colophon .site-info li, #colophon .site-info li a {
        width: 100%;
        padding: 0;
    }
    #colophon .site-info li {
        border: none;
        line-height: 2;
    }
    
    .group ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding: 20px;
        padding-top: 0;
        display: inline-block;
    }
    
    .group ul li {
        margin-bottom: 20px;
      margin-right:0px;
    } 
  
  .single-recipe div#list-products{
   margin-top:30px;
    padding-top:30px;
  }
  
  
  .list-products .item-p{
   height: auto !important; 
  }
  
  .img-p{
   height:170px; 
    padding:12px;
    
  }
  
  #colophon .site-info,.iconfooter {
   display: block !important; 
  }
  
  .single-makeup div#single-recipe{
   margin-top:40px !important; 
  }
  
  #list-recipes h1.title-r{
  height: auto !important
  }
  
    #hero-description-mob h2, #hero-description-mob h2 strong{
   font-size: 22px;
  }
   .feature-news .inr, .inr{
	min-height:170px !important;
  }
  .item-news{
   display:block; 
    min-height: 100px !important;
  }
  #news  .inr, #news .inl{
   width:100%;
  }
   #news .item-news.vc_col-sm-8, #news .item-news.vc_col-sm-4{
   padding-left: 0px;
    padding-right: 0px;
  }
  
 
}