/*
Theme Name: Behl Designs
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Design and Hosting by Miele-Fleury Graphics & Ashdown Technologies
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.1.0
*/
/* =Theme customization starts here */
/**************** GENERAL ***************/
li.no-hand > a {
cursor: default;
}
/* Set indents for bulleted lists */
.et_pb_text ul,
.et_pb_text ol {
margin: 25px;
}
.et_pb_text li {
margin-top: 2px;
}
/****************** NAV *****************/
#top-menu li .menu-item-has-children > a:first-child::after {
/* content: "5"; */ /* Points the subnav arrow sideways rather than down */
display: none; /* Removes the subnav arrow */
}
#top-menu li li {
padding: 0 10px;
}
.nav li ul {
padding: 10px 0;
width: 220px;
}
#top-menu li li a,
#top-menu li .menu-item-has-children > a:first-child {
padding-right: 10px;
padding-left: 10px;
line-height: 1.4em;
}
/* Overlap 2nd menu try.
.nav li li ul {
top: 38px;
left: 33%;
}
*/
/**************** CUSTOMIZE Back To Top Button *****************/
.et_pb_scroll_top.et-pb-icon {
border-radius: 0px;
}
.et_pb_scroll_top.et-pb-icon:hover {
background: rgba(0,0,0,0.9);
}
/**************** MASTER SLIDER OVERRIDES *****************/
@media only screen and (max-width: 760px) {
.ms-thumb-list { display: none; }
}
/**************** LAYER SLIDER OVERRIDES *****************/
@media only screen and (min-width: 720px) and (max-width: 980px) {
.behl-layerslider {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 981px) and (max-width: 1560px) {
.behl-layerslider {
padding-bottom: 75px;
}
}
@media only screen and (min-width: 1561px) and (max-width: 1920px) {
.behl-layerslider {
padding-bottom: 150px;
}
}
@media only screen and (min-width: 1921px) {
.behl-layerslider {
padding-bottom: 225px;
}
}
.behl-layerslider .ls-thumbnail-slide a {
margin-right: 10px !important;
}
/**************** TEXTILE MINI MENU *****************/
.textile-color-minimenu .et_mobile_nav_menu {
display: none !important;
}
.textile-color-minimenu .et_pb_menu__menu {
display: flex !important;
}
/**************** TEXTILES PAGE *****************/
.textile-swatches-section .et_pb_promo {
position: relative;
}
.new-color .et_pb_promo_description,
.new .et_pb_promo_description,
.all-new .et_pb_promo_description {
display: block !important;
position: absolute;
top: -8px;
right: -8px;
}
.new-color .et_pb_promo_description { content: url('/wp-content/uploads/2022/02/FlagImage_Says_NEW_COLORS_164x40px_02.png'); }
.new .et_pb_promo_description { content: url('/wp-content/uploads/2022/02/FlagImage_Says_NEW_164x40px_02-2.png'); }
.all-new .et_pb_promo_description { content: url('/wp-content/uploads/2022/02/FlagImage_Says_ALL_NEW_164x40px_02.png'); }
.textile-swatches-section .et_pb_promo_button {
margin-top: 90px;
}
/**************** MASONRY GALLERY FOR TEXTILES (PORTFOLIO) on MOBILE *****************/
/* These settings override the absolute positioning done by WP Media Folder and puts everything in a single column on MOBILE no matter how many columns are spec'd in the shortcode */
@media only screen and (max-width: 980px) {
.gallery-masonry .wpmf-gallery-item.masonry-brick {
position: relative !important;
margin: 0 auto !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
}
}
/**************** MASONRY GALLERY FOR "AS SEEN" (PORTFOLIO) *****************/
.masonry-brick:hover img {
opacity: 0.7;
}
/**************** STORIES *****************/
.behl-bordered-stories .et_pb_post {
padding: 20px;
}
.slider-ratio-16-9 .et_pb_slide {padding: 0; padding-bottom: 56.25%; height: 0;}
.et_pb_slider .et_pb_slide,
.et_pb_fullwidth_section .et_pb_slide_description {
padding-left: 0!important;
padding-right: 0!important;
}
.behl-bordered-stories .et_pb_post {
margin-bottom: 100px;
}
.behl-bordered-stories .et_pb_post a img {
height: auto;
float: left;
width: 200px;
left: 0;
margin-right: 14px;
margin-bottom: 10px;
}
@media only screen and (max-width: 980px) {
.behl-bordered-stories .et_pb_post h2.entry-title,
.behl-bordered-stories .et_pb_post a {
text-align: center;
}
.behl-bordered-stories .et_pb_post a img {
float: none;
width: auto;
height: 300px;
}
}
@media only screen and (max-width: 479px) {
.behl-bordered-stories .et_pb_post a img {
width: 150px;
height: auto;
}
.behl-bordered-stories .et_pb_post h2.entry-title {
text-align: initial;
padding-bottom: 10px;
}
}
/**************** FOOTER *****************/
.footer-widget .fwidget {
float: none;
}
/**************** SEARCH *****************/
body.search #main-content .container {
padding: 20px 0 10px !important;
}
body.search .et_pb_fullwidth_header_overlay {
background-color: rgba(255, 255, 255, 0.3);
}
body.search article {
background-color: #ebeff4;
}
body.search p.show-permalink a {
color: navy;
font-size: 0.95em;
}
body.search p.show-permalink a:hover {
color: blue;
}
body.search .et_pb_post .entry-content {
padding-top: 10px;
}
body.search p.searchTerm {
font-size: 18px;
margin-bottom: 15px;
}
body.search h3.searchHeading {
font-size: 1.5em;
padding-bottom: 5px;
}
body.search h3.searchHeading a {
color: #be2b10;
}
body.search h3.searchHeading a:hover {
color: #ee5135;
}
/************* For the Password Entry Page to Get to a Password-Protected Page **********/
.et_password_protected_form > p {
display: none;
}
.et_password_protected_form > form:before {
content: "To view this exclusive content, enter the password below and press SUBMIT";
}
.et_password_protected_form {
min-height: initial;
padding: 100px;
max-width: 700px;
margin: auto;
}
.et_password_protected_form .et_submit_button {
font-family: "Montserrat",sans-serif;
background: #888888;
color: white!important;
border: 2px solid #000000;
}
.et_password_protected_form .et_submit_button:hover {
background: #A8A8A8;
color: white!important;
border: 2px solid #000000;
padding-right: 45px;
}
.et_password_protected_form .et_submit_button:after {
font-size: 20px;
margin-top: 4px;
}
@media (max-width: 479px) {
.et_password_protected_form {
padding: 40px;
}
}