/*
Theme Name: Closet OS
Version: 1.0
Theme URI: http://www.cyberoptik.net
Description: Customizable responsive Wordpress theme created by CyberOptik
Author: CyberOptik
Author URI: http://www.cyberoptik.net
Template: optik-theme
*/



/*
 * CUSTOMIZABLE CSS
 */



/* -----------------------------------------------------------------------------
 * TABLE OF CONTENTS:
 * -----------------------------------------------------------------------------
 *
 * 1 CSS IMPORTS
 *   1.1 FRAMEWORK
 *   1.2 MODULES
 *   1.3 STYLES
 *
 * 2 STRUCTURAL ELEMENTS
 *   2.1 UNIVERSAL STYLES
 *   2.2 THEME MODULES
 *   2.3 BACK TO TOP BUTTON
 *
 * 3 CONTENT STYLES
 *   3.1 TEXT & LINKS
 *   3.2 HEADINGS
 *   3.3 QUOTES
 *   3.4 BORDERS & DIVIDERS
 *   3.5 MEDIA
 *   3.6 BUTTONS
 *   3.7 ICONS
 *   3.8 FORM STYLES
 *
 * 4 HEADER STYLES
 *   4.1 SCROLL BAR
 *   4.2 TOP BAR
 *   4.3 HEADER 
 *   4.4 NAV BAR
 *   4.5 NAV MENUS
 *   4.6 DROPDOWN MENUS
 *   4.7 MOBILE NAV
 *
 * 5 MAIN (BODY) STYLES
 *   5.1 BANNER
 *   5.2 BREADCRUMBS
 *   5.3 TITLE BAR
 *   5.4 MAIN (BODY)
 *   5.5 CONTENT
 *   5.6 SIDEBAR
 *   5.7 BLOG
 *
 * 6 FOOTER STYLES
 *   6.1 FOOTER NAV BAR
 *   6.2 FOOTER
 *   6.3 BOTTOM BAR
 *
 * 7 CUSTOM THEME STYLES
 *
 * ---------------------------------------------------------------------------*/





/******************************************************************************
 * * *  1 CSS IMPORTS  * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

@import url("../optik-theme/style.css");

@import url("https://use.typekit.net/jsm6zgm.css");





/******************************************************************************
 * * *  2 STRUCTURAL ELEMENTS  * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/


/***  2.1 UNIVERSAL STYLES  ***/

html {font-size: 16px;}

body {
  background: #F8F8F8;
  font-family: proxima-nova, sans-serif;
  line-height: 1.6em;
  color: #444444;
}


/***  2.2 THEME STYLES  ***/

.section-container {
  max-width: 1300px;
  padding: 0 50px;
}

@media screen and (max-width: 900px) {
.section-container {padding: 0 40px;}
}

@media screen and (max-width: 600px) {
.section-container {padding: 0 25px;}
}

@media screen and (max-width: 420px) {
.section-container {padding: 0 15px;}
}


/***  2.3 BACK TO TOP BUTTON  ***/

.btt-button .fa {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #8B0E04;
  color: white;
}

.btt-button:hover .fa {
  background-color: #231F20;
  color: white;
}





/******************************************************************************
 * * *  3 CONTENT STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/


/***  3.1 TEXT & LINKS  ***/

a {color: #8B0E04;}

a:hover {color: #231F20;}

.text-red {color: #8B0E04;}

.text-300 {font-weight: 300;}


/***  3.2 HEADINGS  ***/

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-weight: bold;
  font-weight: 600;
  color: #231F20;
}

h1 {
  font-size: 2em;
  font-weight: 300;
  letter-spacing: 0.05em;
}

h2 {font-size: 1.6em;}
h3 {font-size: 1.25em;}
h4 {font-size: 1.15em;}
h5 {font-size: 0.9em;}
h6 {font-size: 0.8em;}

@media screen and (max-width: 600px) {
  h1 {font-size: 1.6em;}
  h2 {font-size: 1.25em;}
}

/***  3.3 QUOTES  ***/

blockquote {
  padding: 5px 0 5px 15px;
  border-left: 5px solid black;
  margin-left: 2em;
  font-size: 1.4em;
  font-style: italic;
  font-weight: normal;
  font-weight: 300;
}


/***  3.4 BORDERS & DIVIDERS  ***/

hr, .divider {
    display: block;
	width: 100%;
    height: 1px;
    border: 0;
    border-top: 1px solid #e2e2e2;
    margin: 2.5em auto;
    padding: 0;
	clear: both;
}


/***  3.5 MEDIA  ***/

.video {max-width: 700px;}


/***  3.6 BUTTONS  ***/

.button, 
.elementor-button {
  padding: 1em 1.6em;
  border: 2px solid #8B0E04;
  -webkit-border-radius: 1.5em !important;
  -moz-border-radius: 1.5em !important;
  border-radius: 1.5em !important;
  background-color: #8B0E04;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: normal;
  color: white;
  font-size: 1rem;
}

.button span {font-size: 0.9em;}

.button:hover, 
.elementor-button:hover {
  border-color: #231F20;
  background: #231F20;
  text-decoration: none;
  color: white;
}

/* Empty Button */

.button-empty,
.button-empty .elementor-button {
  background: none;
  color: #8B0E04;
}

.button-empty:hover,
.button-empty .elementor-button:hover {
  border-color: #231F20;
  background: none;
  color: #231F20;
}


/***  3.7 ICONS  ***/

/*  Icon Colors  */

.fa, .fas, .far, .fal, .fab {color: #8B0E04;}

a .fa, a .fas, a .far, a .fal, a .fab {
  color: #8B0E04;
  webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  -ms-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
}

a:hover .fa, a:hover .fas, a:hover .far, a:hover .fal, a:hover .fab {color: #231F20;}

/*  Icon Backgrounds  */

.fa-bg {
  background-color: #8B0E04;
  color: white;
}

a .fa-bg {
  background-color: #8B0E04;
  color: #eee;
}

a:hover .fa-bg {
  background-color: #231F20;
  color: white;
}

/*  Icon Borders  */
.fa-br {border-color: #8B0E04;}
a .fa-br {border-color: #8B0E04;}
a:hover .fa-br {border-color: #231F20;}


/***  3.8 FORM STYLES  ***/

/* Inputs */

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, 
input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, 
input[type="url"]:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, 
input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, 
textarea:focus, select:focus {border-color: #8B0E04;}

/* Buttons */

span.elementor-button-text {
    letter-spacing: 0.05em !important;
}

input[type="submit"], input[type="reset"], input[type="button"] {
  background: #8B0E04;
  color: white;
}

input[type="Submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  background: #231F20;
  color: white;
}

input[type="Submit"]:active, input[type="reset"]:active, input[type="button"]:active {
  background: #555;
  color: #eee;
}

/* Search Form */

.search-form {position: relative;}

input[type="text"].search-field,
input[type="text"].search-field:focus {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding-left: 15px;
  background: white;
}

input[type="Submit"].search-submit {
  display: block;
  position: absolute;
  z-index: 50;
  top: 50%;
  right: 0;
  float: none;
  width: 40px;
  height: 40px;
  border: 0;
  margin-top: -21px;
  background: url(images/icon-search.png) center no-repeat;
  background-size: 1.5em;
  opacity: 0.6;
  cursor: pointer;
  cursor: hand;
}

input[type="Submit"].search-submit:hover {
  outline: none;
  opacity: 1;
}

input[type="Submit"].search-submit:active {
  background-color: rgba(0,0,0,0.025);
  outline: none;
}





/******************************************************************************
 * * *  4 HEADER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/


/***  4.1 SCROLL BAR  ***/

.scroll-bar {
  background: white;
  border-bottom: 1px solid #e2e2e2;
}

.scroll-logo img {max-height: 60px;}


/***  4.2 TOP BAR  ***/

.top-bar {
  padding-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid #e2e2e2;
  background: white;
}

.top-bar .col-custom {
  padding-top: 2px;
  padding-bottom: 2px;
}

.top-bar .menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.top-bar .menu li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 0;
}

.top-bar a.button {padding: 0.2em 1em;}

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

.top-bar {display: none;}

}


/***  4.3 HEADER  ***/

.header .col-custom {
  padding-top: 18px;
  padding-bottom: 18px;
}

.logo img {max-height: 80px;}

.header-widget ul li {vertical-align: middle;}

.header-widget ul li a.button {padding: 0.2em 1em;}

.phone-link, 
.phone-link:hover {
  text-decoration: none;
  color: #231F20;
}

.header .phone-link {font-size: 1.5em;}

.phone-link:hover .fal {color: #8B0E04;}

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

.header .logo-wrapper {text-align: center;}

.header .header-right {display: none;}

.header-inner {padding-right: 0 !important;}

}

/* Menu Button */

.header .menu-button .fal, 
.header .menu-button:hover .fal {color: #231F20;}

.header .menu-button.active .fal {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #8B0E04;
  color: white;
}


/***  4.4 NAV BAR  ***/

.nav-bar {
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  background: white;
}


/***  4.5 NAV MENUS  ***/

.nav-menu {
  display: flex;
  flex-flow: nowrap;
  border-left: 1px solid #e2e2e2;
}

.nav-menu > li {
  display: block;
  flex: auto;
  border-right: 1px solid #e2e2e2;
}

.nav-menu > li > a {
  padding: 14px 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 0.94em;
  color: #231F20;
}

.scroll-menu > li > a {padding: 10px 6px;}

.single-post .nav-menu > li.blog-link > a,
.category .nav-menu > li.blog-link > a,
.search .nav-menu > li.blog-link > a,
.single-gallery .nav-menu > li.gallery-link > a,
.tax-album .nav-menu > li.gallery-link > a,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-page-parent > a, 
.nav-menu > li.current-page-ancestor > a, 
.nav-menu > li:hover > a {color: #8B0E04;}



/***  4.6 DROPDOWN MENUS  ***/

.nav-menu li ul {
  width: 250px;
  border-top: 1px solid #e2e2e2;
  background: white;
}

.nav-menu li ul li {border-bottom: 1px solid #e2e2e2;}

.nav-menu li ul li a {
  padding: 10px 25px;
  text-align: left;
  color: #231F20;
  letter-spacing: 0.025em;
  font-size: 0.9em;
}

.nav-menu li ul li.current-menu-item > a, 
.nav-menu li ul li.current-page-parent > a, 
.nav-menu li ul li.current-page-ancestor > a, 
.nav-menu li ul li:hover > a {color: #8B0E04;}


/***  4.7 MOBILE NAV  ***/

.mobile-nav {
  padding: 15px;
  background: #282A2C;
}

.mobile-menu li a {color: white;}

.mobile-menu li.current-menu-item > a {
  background-color: #8B0E04;
  color: white;
}

.mobile-menu > li {border-bottom: 1px solid rgba(255,255,255,0.1);}

.mobile-menu > li:last-child {border-bottom: none;}

.mobile-menu li.menu-item-has-children:after {color: #b2b2b2;}

.mobile-menu > li > a {
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.05em;
}





/******************************************************************************
 * * *  5 MAIN (BODY) STYLES  * * * * * * * * * * * * * * * * * * * * * * * * *
 ******************************************************************************/


/***  5.1 BANNER  ***/

.banner {
  background-color: #282A2C;
  color: white;
  text-align: center;
}

.banner-inner {height: 250px;}

.banner-tall .banner-inner {height: 500px;}

.banner-viewport .banner-inner {padding-top: 80px;}

.banner .page-tagline {font-size: 1.15em;}


/***  5.2 BREADCRUMBS  ***/

.breadcrumbs {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #ddd;
}


/***  5.3 TITLE BAR  ***/

.title-bar {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #F2F2F2;
}

.title-bar .page-title {color: #8B0E04;}

.title-bar select {
  position: relative;
  display: inline-block;
  padding-right: 18px;
  padding-left: 0;
  border: none;
  background: url(/wp-content/themes/closet-os/images/icon-angle-down.png) center right no-repeat;
  background-size: 12px auto;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  letter-spacing: 0.05em;
}

.title-bar select::-ms-expand {display: none;}

.title-bar select:hover {border-color: #888;}

.title-bar select:focus {
	box-shadow: none;
	outline: none;
}

/* Blog Title Bar */

.blog-title-bar-content {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin-left: -15px;
  margin-right: -15px;
}

.blog-title-bar-content .blog-title-wrap, 
.blog-title-bar-content .widget_categories, 
.blog-title-bar-content .widget_search {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.blog-title-wrap {
  width: calc(100% - 425px);
}

.blog-title-bar-content .widget_categories {width: 175px;}

.blog-title-bar-content .widget_search {width: 250px;}

.blog-nav-widget form {margin: 0;}

.blog-title-bar .widget_categories h3, 
.blog-title-bar .screen-reader-text {display: none;}

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

.blog-title-wrap {width: 100%;}

.blog-title-bar-content .widget_categories {width: 175px;}

.blog-title-bar-content .widget_search {width: calc(100% - 175px);}

}

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

.blog-title-bar-content .widget_categories, 
.blog-title-bar-content .widget_search {
  width: 100%;
  padding-top: 5px;
}

}



/***  5.4 MAIN (BODY)  ***/

.main {
  padding-top: 70px;
  padding-bottom: 70px;
}


/***  5.5 CONTENT  ***/

.content a img {opacity: 1;}

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

.content .alignleft {margin: 0 20px 1em 0;}

.content .alignright {margin: 0 0 1em 20px;}

}


/***  5.6 SIDEBAR  ***/


/***  5.7 BLOG ***/

.blog-cols .blog-post {
  position: relative;
  padding: 10px 10px 40px;
  background: white;
  border: 1px solid #e2e2e2;
  overflow: hidden;
}

.blog-cols .blog-post .post-title {margin: 0;}

.blog-cols .blog-post .post-title a {
  display: block;
  padding: 10px 10px 0;
}

.blog-cols .blog-post p {
  padding-left: 10px;
  padding-right: 10px;
}

.blog-cols .blog-post .post-info {margin-top: 0;}

.blog-cols .blog-post .post-categories {
  position: absolute;
  top: 20px;
  left: 20px;
}

.blog-cols .blog-post .post-date {
  color: #a9a9a9;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.blog-cols .blog-post .post-categories a {
  display: inline-block;
  padding: 5px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  margin-right: 2px;
  margin-bottom: 4px;
  background: rgba(0,0,0,0.45);
  color: white;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.blog-cols .blog-post .post-categories a:hover {
  background-color: rgba(139,14,4,0.65);
  text-decoration: none;
}

.blog-cols .blog-post .post-more {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  font-weight: 500;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.blog-cols .blog-post .post-more a {
  display: block;
  padding: 10px 20px;
}

/* Single Posts */

.single-post .banner-inner {max-width: 850px;}

.single-post .page-title {
  font-weight: 500;
  text-shadow: 2px 3px 3px rgba(0,0,0,.2);
}

.single-post .post-info {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 2px solid #CACACA;
  margin-bottom: 60px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.9em;
}

.single-post .post-info span {margin-right: 20px;}

.single-post .post-info span:last-child {margin-right: 0;}

.single-post .post-date {
  position: relative;
  color: #a9a9a9;
}

.single-post .post-date:after {
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 100%;
  border-top: 2px solid #8B0E04;
  content: '';
}

@media screen and (max-width: 600px) {
  .single-post .post-date::after {
    bottom: -42px;
    width: 100px;
  }
}







/******************************************************************************
 * * *  6 FOOTER STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/


/***  6.1 FOOTER NAV BAR  ***/

.footer-nav-bar {background: #ddd;}


/***  6.2 FOOTER  ***/

.footer {
  padding-top: 72px;
  padding-bottom: 72px;
  background: #282A2C;
  font-size: 0.93em;
  color: white;
}

.footer .col-custom {
  padding-top: 8px;
  padding-bottom: 8px;
}

.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5, 
.footer h6 {color: white;}

.footer a {color: #BEBEBE;}

.footer a:hover {
  text-decoration: none;
  color: white;
}

.footer li {margin-bottom: 10px;}

.footer li a {display: block;}

.footer .fa, 
.footer .fal, 
.footer .fas, 
.footer .far, 
.footer .fab {color: white;}



/***  6.3 BOTTOM BAR  ***/

.bottom-bar {
  padding-top: 14px;
  padding-bottom: 14px;
  background: none;
  color: #808080;
  font-size: 0.875em;
}

.bottom-bar .col-custom {
  padding-top: 8px;
  padding-bottom: 8px;
}

.bottom-bar p, 
.bottom-bar ul {margin: 0;}

.bottom-bar ul {
  display: flex;
  list-style: none;
  justify-content: center;
}

.bottom-bar li {
  display: block;
  margin-left: 0;
  padding: 0 10px;
  border-right: 1px solid #e2e2e2;
}

.bottom-bar li:last-child {border-right: none;}

.bottom-bar-widget li a {padding: 0;}

.copyright, .credits {display: inline-block;}

.credits {display: block;}

.credits img {max-height: 16px;}





/******************************************************************************
 * * *  7 CUSTOM STYLES  * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 ******************************************************************************/

/* Add custom theme styles here */ 


/***  ELEMENTOR  ***/

.elementor-column {
  display: flex;
  margin-right: 0;
}

.elementor-column-gap-narrow > .elementor-row {
  width: calc(100% + 10px);
  margin: -5px;
}

.elementor-column-gap-default > .elementor-row {
  width: calc(100% + 20px);
  margin: -10px;
}

.elementor-column-gap-extended > .elementor-row {
  width: calc(100% + 30px);
  margin: -15px;
}

.elementor-column-gap-wide > .elementor-row {
  width: calc(100% + 40px);
  margin: -20px;
}

.elementor-column-gap-wider > .elementor-row {
  width: calc(100% + 60px);
  margin: -30px;
}

.sections .elementor-container {
  padding-left: 50px;
  padding-right: 50px;
}

.elementor-inner-section .elementor-container, 
.sections .elementor-inner-section .elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.sections .elementor-section-wrap > .elementor-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.elementor-widget .elementor-icon-list-item {margin-bottom: 0.5em;}

.elementor-widget .elementor-icon-list-item:last-child {margin-bottom: 0;}

.elementor-widget-heading .elementor-heading-title {line-height: 1.3em !important;}

@media screen and (max-width: 900px) {
.sections .elementor-container {
  padding-left: 40px;
  padding-right: 40px;
}
}

@media screen and (max-width: 600px) {
.sections .elementor-container {
  padding-left: 25px;
  padding-right: 25px;
}
}

@media screen and (max-width: 420px) {
.sections .elementor-container {
  padding-left: 15px;
  padding-right: 15px;
}
}

/* Elementor Icons */
.elementor .fa, 
.elementor .fas, 
.elementor .far, 
.elementor .fal, 
.elementor .fab, 
.elementor .fa:before, 
.elementor .fas:before, 
.elementor .far:before, 
.elementor .fal:before, 
.elementor .fab:before {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}


/***  ICON LISTS  ***/

.icon-list {list-style: none;}

.icon-list li {
  position: relative;
  margin-left: 30px;
}

.icon-list li .fa, 
.icon-list li .fal, 
.icon-list li .fas, 
.icon-list li .far, 
.icon-list li .fab {
  position: absolute;
  top: 0.25em;
  left: -30px;
}



/***  META SLIDER  ***/

.flexslider {position: relative;}

.flexslider:after {
  display: block;
  width: 100%;
  clear: both;
  content: '';
}

.flexslider .slides, 
.flexslider .flex-direction-nav, 
.flexslider .slides li, 
.flexslider .flex-direction-nav li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.flexslider .slides li {overflow: hidden;}

.flexslider .flex-direction-nav li {
  position: absolute;
  z-index: 50;
  top: 50%;
  left: 0;
  display: table;
  width: 100px;
  height: 300px;
  margin-top: -150px;
}

.flexslider .flex-direction-nav li.flex-nav-next {
  left: auto;
  right: 0;
}

.flexslider .flex-direction-nav li a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.flexslider .flex-direction-nav li a:hover {
  opacity: 1;
  text-decoration: none;
}

.flexslider .flex-direction-nav li a:before {
  display: block;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-size: 50px;
  line-height: 1;
  content: "\f104";
  color: white;
}

.flexslider .flex-direction-nav li.flex-nav-next a:before {content: "\f105";}

.flexslider .caption-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

.flexslider .caption {
  display: block;
  width: 40%;
  padding: 20px 20px 20px 50px;
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
  margin-bottom: 48px;
  margin-left: auto;
  background: rgba(255,255,255,0.7);
}

.flexslider .caption h1,
.flexslider .caption h2, 
.flexslider .caption h3, 
.flexslider .caption h4, 
.flexslider .caption h5, 
.flexslider .caption h6, 
.flexslider .caption p {margin: 0;}

.flexslider .slides li img {width: 100%;}

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

.flexslider .slides li img {
  width: calc(100% + 200px);
  max-width: none !important;
  margin-left: -100px;
  margin-right: -100px;
}

}

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

.flexslider .slides li img {
  width: calc(100% + 300px);
  max-width: none !important;
  margin-left: -150px;
  margin-right: -150px;
}

}

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

.flexslider .slides li img {
  width: calc(100% + 500px);
  max-width: none !important;
  margin-left: -250px;
  margin-right: -250px;
}

.flexslider .flex-direction-nav li {
  width: 50px;
}

.flexslider .caption {
  width: 100%;
  padding-left: 20px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  font-size: 0.86em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


}



/***  HOMEPAGE SERVICE COLS  ***/

.hp-service-cols .elementor-row {
  flex-wrap: wrap;
  margin-top: -15px;
  margin-bottom: -15px;
}

.hp-service-cols img {
  height: auto !important;
  min-height: 1px !important;
  width: 100% !important;
  max-height: 100% !important;
}

.hp-service-cols .elementor-column-wrap {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.hp-service-cols .elementor-widget-wrap {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

.hp-service-cols .elementor-widget:not(:last-child) {margin: 0;}

.hp-service-cols .elementor-widget-heading {
  position: absolute;
  bottom: 0;
  left: 0;
}

.hp-service-cols .elementor-heading-title,
.hp-service-cols.hp-location-cols .elementor-heading-title {
  width: 100%;
  height: 85px;
  display: table;
  text-align: center;
}

.hp-service-cols .elementor-widget-heading a {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  padding: 10px 50px 30px;
  background-color: rgba(248,248,248,0.7);
  color: #8B0E04;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.hp-service-cols .elementor-widget-wrap:hover .elementor-widget-heading a, 
.hp-service-cols .elementor-widget-wrap:hover .elementor-widget-heading a:hover {
  background-color: rgba(139,14,4,0.7);
  text-decoration: none;
  color: white;
}

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

.hp-service-cols .elementor-column
.hp-service-cols.hp-location-cols .elementor-column {width: 50%;}

}

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

.hp-service-cols .elementor-widget-heading a,
.hp-service-cols.hp-location-cols .elementor-widget-heading a {
  padding: 10px 15px 20px;
  font-size: 0.8em;
}

}



/***  DIVIDER  ***/

div.divider {
  position: relative;
  border-top: 2px solid #CACACA;
  margin-top: 60px;
  margin-bottom: 60px;
}

div.divider:after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100px;
  border-top: 2px solid #8B0E04;
  content: '';
}

.elementor-widget-divider.cos-divider .elementor-divider-separator {
  position: relative;
  border-top: 2px solid #CACACA !important;
}

.elementor-widget-divider.cos-divider .elementor-divider-separator:after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100px;
  border-top: 2px solid #8B0E04;
  content: '';
}



/***  BACKGROUND CIRCLE  ***/

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

.circle-row:before {
  position: absolute;
  top: 50%;
  right: 77%;
  width: 900px;
  height: 900px;
  border: 100px solid #8B0E04;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-top: -450px;
  content: '';
}

}



/***  NUMBER BOXES  ***/

.number-box {
  position: relative;
  padding-left: 60px;
}

.number-box .elementor-column-wrap, 
.number-box .elementor-widget-wrap, 
.number-box .elementor-widget {position: static !important;}

.number-box span {
  position: absolute;
  top: 0.2em;
  left: 0;
  width: 42px;
  height: 42px;
  border: 1px solid #8B0E04;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  font-size: 1.6em;
  line-height: 42px;
  font-weight: bold;
  color: #8B0E04;
}

.elementor-column.number-box span {
  top: calc(15px + 0.2em);
  left: 15px;
}



/***  TESTIMONIAL BOXES  ***/

.testimonial-boxes .elementor-widget-blockquote {
  padding: 20px;
  background: white;
  border: 1px solid #e2e2e2;
}

.testimonial-boxes .elementor-blockquote__author {
  font-size: 0.9em;
  color: #8B0E04;
}



/***  GALLERIES  ***/

.gallery-cols .elementor-widget-wrap {
  background: white;
  border: 1px solid #e2e2e2;
}

.gallery-cols .elementor-widget:not(:last-child) {margin-bottom: 0;}

.gallery-cols .elementor-image a, 
.gallery-cols h3 a {
  display: block;
  padding: 10px;
}

.gallery-cols h3 a {
  padding-top: 0;
  text-align: center;
}

.gallery-cols .elementor-widget-wrap:hover h3 a {
  text-decoration: none;
  color: #8B0E04;
}

.single-envira .title-bar-content {
  display: flex;
  flex-wrap: wrap;
}

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

.single-envira .page-title-wrap {width: calc(100% - 150px);}

.single-envira .gallery-selector-wrap {width: 150px;}

}


/***  ENVIRA GALLERY  ***/

/* Galleries & Albums */

.envira-album-public, 
.envira-gallery-public {
  width: calc(100% + 30px) !important;
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.envira-gallery-description-above {
  position: relative !important;
  padding-bottom: 60px !important;
  border-bottom: 2px solid #BABABA !important;
  margin-bottom: 70px !important;
}

.envira-gallery-description-above:after {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100px;
  border-top: 2px solid #8B0E04;
  content: '';
}

.envira-gallery-description-above p {
  margin: 1.2em auto !important;
  max-width: 1000px;
  font-size: 1.25em !important;
  line-height: 1.6em !important;
}

.envira-gallery-description-above p:first-child {margin-top: 0 !important;}

.envira-gallery-description-above p:last-child {margin-bottom: 0 !important;}

.envira-default-gallery .envira-lazy:not(img) {padding-bottom: 0 !important;}

.envira-album-wrap .envira-gallery-item-inner {
  border: 1px solid #e2e2e2;
  background-color: white;
}

.envira-album-wrap .envira-gallery-item-inner a {
  position: relative;
  z-index: 1;
  display: block;
  padding: 10px 10px 48px 10px;
}

.envira-gallery-item .envira-album-title {
  position: relative;
  padding: 10px;
  margin: -48px 0 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  font-weight: 600;
  color: #231F20;
}

.envira-album-wrap .envira-gallery-item-inner:hover .envira-album-title {color: #8B0E04;}

.envira-gallery-wrap .envira-pagination {text-align: center;}

.envira-gallery-wrap .envira-pagination .page-numbers {
  padding: 5px 8px;
  margin-left: 2px;
  margin-right: 2px;
  background: #e9e8e6;
}

.envira-gallery-wrap .envira-pagination a.page-numbers {
  color: #a6a39f;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.envira-gallery-wrap .envira-pagination span.page-numbers, 
.envira-gallery-wrap .envira-pagination a.page-numbers:hover {
  color: #4c4a48;
  text-decoration: none;
}

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

.envira-album-wrap .envira-gallery-item a:after {display: none !important;}

}

/* Lightbox */

.envirabox-theme-base_dark .envirabox-caption-wrap, 
.admin-bar .envirabox-theme-base_dark .envirabox-caption-wrap {
  top: auto !important;
  bottom: 0 !important;
  padding: 10px 10px 20px !important;
}

.envirabox-theme-base_dark .envirabox-caption {
  padding: 0 !important;
  margin: 0 !important; 
  line-height: 1.5em !important;
}

.envirabox-theme-base_dark .envirabox-toolbar {right: 20px !important;}

.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--left, 
.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--right {
  margin-top: -35px !important;
  text-decoration: none !important;
}

.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--left span:before,
.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--right span:before {font-size: 2em;}

.envirabox-theme-base_dark .envirabox-navigation .envirabox-arrow--right {right: 10px !important;}




/*custom css styling*/
/************about us page*************/
/************about us text container below header*************/
div#aboutus-text-container {
    margin-top: -340px;
    box-shadow: 0px 0px 0px #000;
	z-index:0 !important;
}

@media screen and (max-width: 900px) {
	.elementor-15 .elementor-element.elementor-element-24966a0 > .elementor-widget-container{
		margin-top: -20%;
	}
}

/* ABOUT CLOSET ORGANIZING SYSTEM TM */
@media screen and (min-width: 1200px) {
	.elementor-15 .elementor-element.elementor-element-24966a0 > .elementor-widget-container {
		width: 140% !important;
		margin-left: -20%;
	}
}


@media screen and (min-width: 1200px) {
	section#about-cont .elementor-divider {
		width: 120%;
		margin-top:0px;
	}


	
}
section#about-cont .elementor-divider {
    position: relative;
    left: 100px;
	color: #CACACA;
}


/* OUR CLOSET SYSTEMS */
@media screen and (min-width: 1200px) {
	.elementor-column-gap-default .elementor-row #aboutus-vid{
		width: 1150px !important;
		margin-left: -12%;
		margin-right: 0px;
		margin-top:-25px;
	}
}
@media screen and (max-width: 900px) {
	#aboutus-vid{
		margin-bottom:50px;
	}
}
.custom-btn a {
    background: #8B0E04;
    border-radius: 50px !important;
    text-decoration: none;
    cursor: pointer;
}
.custom-btn-2 a,
.custom-btn-2 a:hover{
    background: none;
    border: 1px solid #8B0E04;
    color: #8B0E04;
    border-radius: 50px !important;
	text-decoration: none;
}
/*contact us form styling*/
section#contactus-container-box div#nf-form-1-cont h3,
section#contactus-container-box div#nf-form-1-cont .nf-before-form-content:first-child {
    display: none;
}
section#contactus-container-box div#nf-form-1-cont .submit-wrap input[type="button"],
section#contactus-container-box div#nf-form-2-cont .submit-wrap input[type="button"] {
    background: #8B0E04;
    padding: 10px 50px;
    border-radius: 50px;
    font-weight: 100;
}
section#contactus-container-box div#nf-form-1-cont .submit-wrap input[type="button"]:hover,
section#contactus-container-box div#nf-form-2-cont .submit-wrap input[type="button"]:hover {
  border-color: #8B0E04;
}
@media only screen and (max-width:980px){
	section#about-cont .elementor-divider {
   	 position: relative;
    	left: 0px !important;
	}
	section#about-cont{
		background:#fff !important;
	}
	section#contactus-container-box {
    padding: 50px 20px !important;
}
	section#contactus-container-box div#nf-form-1-cont .three-col-list ul li{
		width:100% !important;
	}
}


/* checkbox */
.list-checkbox-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
    font-weight: 300;
}

/* Received future announcements checkbox*/
label#nf-label-field-12 {
    font-weight: 300;
}

/* Get in touch button */
.nf-field-element {
    background-color: #F8F8F8 !important;
}
input#nf-field-4 {
    letter-spacing: 0.05em;
}

.elementor-divider {
    color: #CACACA;
}
div#contact-company-info ol li {
    margin-left: 0px;
    list-style-type: none !important;
	display:flex;
	margin-bottom:5px;
}
div#contact-company-info ol li i {
    margin-right: 10px;
}
div#nf-form-1-cont div#nf-field-9-wrap ul li {
    width: 22%;
    margin-right: 2.33% !important;
}
div#nf-form-1-cont div#nf-field-9-wrap ul li,
div#nf-form-2-cont div#nf-field-22-wrap ul li,
div#nf-form-2-cont div#nf-field-23-wrap ul li,
div#nf-form-2-cont div#nf-field-24-wrap ul li,
div#nf-form-2-cont div#nf-field-25-wrap ul li,
div#nf-form-2-cont div#nf-field-36-wrap ul li,
div#nf-form-2-cont div#nf-field-37-wrap ul li {
  background: #fff;
  padding: 10px !important;
}

/* ronald added styles*/
.post-more li {
	float: left;	
	list-style: none;
	margin: 0;
	text-transform: uppercase;
}
.post-more li:first-child a {
	padding-left: 0;
	border-left: none;
}
.post-more li a {
	padding: 0 20px;
	border-left: #e2e2e2 solid 2px;
}
.elementor-widget-heading.column-title h3 a {
	color: #8b0e04;
}
.elementor-widget-heading.column-title h3 a:hover {
	text-decoration: none;
	color: #231f20;
}

.location-list ul li a {
	color: #231F20;
}
.location-list ul li a:hover {
	color: #8B0E04;
}

.city-list {
  list-style: none;
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
}

.city-list li {
  position: relative;
  margin-bottom: 0.5em;
  list-style: none;
}

.city-list li:before {
  position: absolute;
  top: 0.25em;
  left: -1.75em;
  width: 1em;
  height: 1em;
  padding: 0;
  text-align: center;
  font-family: 'Font Awesome 5 Pro';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  line-height: 1em;
  text-rendering: auto;
  content: "\f105";
  color: #8B0E04;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor:pointer;
  cursor:hand;
}

.city-list li:last-child {margin-bottom: 0;}

.city-list li a {color: #231F20;}

.city-list li a:hover {color: #8B0E04;}

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

.city-list {
  -webkit-column-count: 4; /* Chrome, Safari, Opera */
  -moz-column-count: 4; /* Firefox */
  column-count: 4;
}

}

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

.city-list {
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
  column-count: 3;
}

}

@media screen and (min-width: 1025px) and (max-height: 800px) {

.header {font-size: 0.85em;}

.header .logo img {max-height: 70px;}

.nav-bar-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.slider li {overflow: hidden;}

.slider li img {
  margin-top: -25px;
  margin-bottom: -25px;
}

.banner-tall .banner-inner {height: 350px;}

.title-bar {
  padding-top: 15px;
  padding-bottom: 15px;
}

.main {
  padding-top: 30px;
  padding-bottom: 30px;
}

.content {font-size: 0.94em;}

.content p {line-height: 1.4em;}

}

.envira-gallery-item.envira-lazy-load .envira-title, .envira-gallery-item.envira-lazy-load .envira-caption {
  text-transform: uppercase;
  margin-top: 10px;
}


.top-header-social-icons a{font-size: 25px; margin-right: 5px;padding: 0 !important;}
span.footer-social-links a{font-size: 20px;margin-right: 10px;}
span.footer-social-links a i{color: #BEBEBE !important;}
span.footer-social-links a:hover i{color:#fff !important;}

.single-gallery .cta-section .button  {
  line-height: 1;
}

.single-gallery .cta-section .col-third p {
  text-align: right;
} 

@media screen and (max-width: 900px) { 
  .single-gallery .cta-section .button  {
    margin-top: 30px;
  }
}

@media screen and (max-width: 600px) { 
  .single-gallery .cta-section .col-third p  {
    margin-top: 30px;
    text-align: center;
  }
  .reviews-counter-cols .elementor-counter-number-wrapper {
    font-size: 55px;
  }
  .gallery-selector-wrap,
  .blog .widget_categories form {
    background: #fff;
    padding: 0 20px;
    margin-top: 10px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #ccc;
  }
  .blog .widget_categories form select {
    height: 38px;
  }
}


.service-closet-cols .elementor-container .elementor-column .elementor-column-wrap  {
  padding-bottom: 35px;
}

/*
 * END OF
 * CUSTOMIZABLE CSS
 */