/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rufina'), local('Rufina-Regular'), url(https://fonts.gstatic.com/s/rufina/v7/Yq6V-LyURyLy-aKCqh5lluRSlygt.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Rufina'), local('Rufina-Regular'), url(https://fonts.gstatic.com/s/rufina/v7/Yq6V-LyURyLy-aKCpB5lluRSlw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rufina Bold'), local('Rufina-Bold'), url(https://fonts.gstatic.com/s/rufina/v7/Yq6W-LyURyLy-aKKHztwtcZfvRIkSYZH.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Rufina';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Rufina Bold'), local('Rufina-Bold'), url(https://fonts.gstatic.com/s/rufina/v7/Yq6W-LyURyLy-aKKHztwu8ZfvRIkSQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(https://fonts.gstatic.com/s/petitformalscript/v7/B50TF6xQr2TXJBnGOFME6u5OR83oRP5qkHDgPqoaWiDPWQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  src: local('Petit Formal Script'), local('PetitFormalScript-Regular'), url(https://fonts.gstatic.com/s/petitformalscript/v7/B50TF6xQr2TXJBnGOFME6u5OR83oRP5qkH7gPqoaWiA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*font / general styles*/

html {scroll-behavior: smooth;}
body {letter-spacing: .5px;}
h1, h2, h3, h4, h5 {font-family: 'Rufina', serif;letter-spacing: 2px; color: #ca9d5a;}
h1 {line-height: 54px;font-size: 44px;}
h2.heading-large {line-height: 54px;font-size: 44px;}
.dark-title {color: #423e3f;}
p {font-weight: 300;}
.alignC {text-align: center;}
.circle-img img {border-radius: 50%;}
.entry-content:not(:first-child) {margin-top: 0px;}
form input.hidden-field {display: none;}

/*general links*/

p a {font-weight: 500; font-style: normal;}
a, .header-phone-menu {-webkit-transition: opacity .3s ease-in-out 0s;
    -moz-transition: opacity .3s ease-in-out 0s;
    -ms-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;}
a:hover {opacity: .8; cursor: pointer;}
.swc-link-arrow {width: 10px; height: 18px; vertical-align: middle; margin-left: 5px;}
.swc-link-icon {width: 30px; height: 30px; vertical-align: top; margin-right: 10px;}
.large-link-icon {width: 40px; height: 40px; vertical-align: middle;}

/*rufina links*/

.swc-link,
ul#menu-menu-home>li>ul>li>a,
.slideout-menu>li>a,
.read-more,
a.page-numbers,
.nav-previous a,
.nav-next a {
	font-family: 'Rufina', serif;
	margin: 0;
	padding: 10px 10px 5px;
	border: 0px solid #ca9d5a;
	text-align: center;
	position: relative;
	overflow: hidden;
	-webkit-transition: .3s;
	transition: .3s;
	display:  inline-block;
	font-weight: 700;
}
.swc-link {font-size: 16px;}
.swc-link:after,
ul#menu-menu-home>li>ul>li>a:after,
.slideout-menu>li>a:after,
.read-more:after,
a.page-numbers:after,
.nav-previous a:after,
.nav-next a:after {
  position: absolute;
  -webkit-transition: .3s;
  transition: .3s;
  content: '';
  width: 0;
  left: 50%;
  bottom: 0;
  height: 1px;
  background: #ca9d5a;
	right: 0;
  left: auto;
}
/**dropdown nav glitch fix**/
ul#menu-menu-home>li>ul>li>a:after {content: none;}
/**dropdown nav glitch fix**/
.swc-link:hover,
ul#menu-menu-home>li>ul>li>a:hover,
n.slideout-menu>li>a:hover,
.read-more:hover,
a.page-numbers:hover,
.nav-previous a:hover,
.nav-next a:hover {
  cursor: pointer;
  opacity: 1;
}
@media(pointer: fine) {
.swc-link:hover:after,
ul#menu-menu-home>li>ul>li>a:hover:after,
.slideout-menu>li>a:hover:after,
.read-more:hover:after,
a.page-numbers:hover:after,
.nav-previous a:hover:after,
.nav-next a:hover:after {
  width: 100%;
  left: 0;
}
}

ul#menu-menu-home>li>ul>li>a:after,
.slideout-menu>li>a:after {
	background: #ffffff;
}

.link-divider {
	background: #ca9d5a;
    display: inline-block;
    width: 1px;
    height: 38px;
    margin: 0 15px;
    color: transparent;
    vertical-align: top;
	margin-top: 8px;
}
.link-divider.white-divider {background: white;}

#content .white-link, #content .read-more {color: #ffffff;}
#content .white-link:after, #content .read-more:after {background: #ffffff;}

/*roboto links*/

.footer-widgets a.foot-link,
#menu-menu-home>li>a,
ul#menu-menu-home>li>ul ul li a {
	opacity: .8;
	-webkit-transition: opacity .3s ease-in-out 0s;
	-moz-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;
}
.footer-widgets a.foot-link:hover,
#menu-menu-home>li>a:hover,
ul#menu-menu-home>li>ul ul li a:hover {opacity: 1;}

@media(pointer: fine) {
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li a {
	opacity: .8;
	-webkit-transition: opacity .3s ease-in-out 0s;
	-moz-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;
}
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li a:hover {opacity: 1;}
}

/* buttons */

a.swc-button {
 	background-color: #ca9d5a;
    color: #ffffff;
    font-family: 'Rufina', serif;
    text-align: center;
    padding: 12px 20px;
    min-width: 180px;
    font-size: 17px;
    font-weight: bold;
	display: inline-block;
    letter-spacing: 1px;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
a.swc-button:hover {
    color: #ffffff;
    background-color: #ca9d5ae0;
}
.swc-button.white-button {background-color: #ffffff; color: #ca9d5a;}
.swc-button.white-button:hover {color: #ca9d5a; background-color: #ffffffd4;}

@media (max-width: 980px) {
	.swc-button {width:calc(100% - 40px); margin-top:10px;}
	.toggle-heading .swc-button, .swc-button.toggle-heading {width: 100%;}
}

/*sticky button*/
.sticky-contact-button {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 20px;
    z-index: 11;
}
/*full width*/
/*.sticky-contact-button {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0px;
	width: 100%;
    z-index: 11;
}*/
.scroll-button {opacity: 0; transition: all 0.3s ease-in-out;}
.scroll-button.is-visible {opacity: 1;}
.sticky-contact-button a.swc-button {padding: 10px 14px; border: 1px solid #ffffff; min-width: unset; width: auto; font-size: 16px;}
/*full width*/
/*.sticky-contact-button a.swc-button {padding: 10px 14px; border-top: 1px solid #ffffff; min-width: unset; width: 100%; font-size: 16px; text-align: center;}*/
.sticky-contact-button a.swc-button img {width: 30px; height: 30px; vertical-align: middle; margin-right: 10px;}
@media (max-width: 550px) {
	.sticky-contact-button {left: calc(50% - 95px); margin: 0px;}
	.sticky-contact-button a.swc-button {border-bottom: 0px;}
}


/*misc form styles*/

input.hidden {display: none;}

/*nav styles*/

.site-logo {float: left;}
.site-header {
    position: fixed;
    width: 100%;
    height: 105px;
    z-index: 10;
    box-shadow: 0px 0px 1px 1px rgba(0,0,0,.08);
}
.container.grid-container {padding-top: 105px;}
.inside-header {text-align: center; padding-bottom:0px;}
.nav-float-right .inside-header nav.main-navigation {
	float: none;
	display: inline-block;
	clear: both;
}
.separate-containers .site-main, .entry-content {margin-top: 0px;}
.separate-containers .inside-article {padding-top: 0px;}
h1.entry-title {display: none;}
.main-navigation li {height: unset;}
#menu-menu-home>li {height: 70px;}
.navigation-search input[type="search"], .navigation-search input[type="search"]:focus {
	color: #ca9d5a;
    background-color: #ffffff;
    font-weight: 500;
    letter-spacing: .5px;
}
.navigation-search input {opacity: .96;}

/*sub-nav 1*/

/*nav icons*/
/*contact - contact*/
#menu-item-12941, .menu-item-12941 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2020/08/contact-icon-white.png);}
/*contact - locations*/
#menu-item-20420, .menu-item-20420 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/white-list-see-all-icon.png);}
#menu-item-15931, #menu-item-15933, #menu-item-15934, #menu-item-15932, #menu-item-18530, #menu-item-16365, #menu-item-19768, 
.menu-item-15931, .menu-item-15933, .menu-item-15934, .menu-item-15932, .menu-item-18530, .menu-item-16365, .menu-item-19768 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2022/10/white-location-icon.png);}
/*about*/
#menu-item-19190, .menu-item-19190, #menu-item-23999, .menu-item-23999 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2021/12/skyline-icon-white.png);}
#menu-item-19191, .menu-item-19191 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/savings-nav-icon.png);}
#menu-item-19193, .menu-item-19193 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2023/11/information-icon-white.png);}
/*products*/
#menu-item-12939, .menu-item-12939 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/white-list-see-all-icon.png);}
#menu-item-612, .menu-item-612 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/shades-nav-icon.png);}
#menu-item-613, .menu-item-613 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2020/08/blinds-icon-white.png);}
#menu-item-614, .menu-item-614 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/vertical-shades-nav-icon.png);}
#menu-item-22516, .menu-item-22516 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2020/08/shutter-icon-white.png);}
#menu-item-12122, .menu-item-12122 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/drapery-nav-icon.png);}
#menu-item-12079, .menu-item-12079 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2020/08/alustra-icon-white.png);}
#menu-item-14089, .menu-item-14089 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2023/11/information-icon-white.png);}
/*solutions*/
#menu-item-12940, .menu-item-12940 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/white-list-see-all-icon.png);}
#menu-item-8660, .menu-item-8660 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2022/03/drill-install-icon-white.png);}
#menu-item-18120, .menu-item-18120 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/commercial-buildings-nav-icon.png);}
#menu-item-19186, .menu-item-19186 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/technology-nav-icon-white.png);}
#menu-item-19187, .menu-item-19187 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/operating-systems-nav-icon.png);}
#menu-item-19188, .menu-item-19188 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/white-window-nav-icon.png);}
/*work*/
#menu-item-9656, .menu-item-9656 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2020/08/portfolio-icon-white.png);}
#menu-item-3064, .menu-item-3064 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2022/07/testimonials-icon-white-1.png);}
#menu-item-710, .menu-item-710 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/03/white-instagram-nav-icon.png);}
#menu-item-23998, .menu-item-23998 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2025/10/design-awards-icon.png);}
#menu-item-24024, .menu-item-24024 {background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2025/10/in-the-press-icon-2.png);}
.dropdown-click .main-navigation ul ul ul.toggled-on {border-bottom: 0px !important;}

@media (min-width: 1040px) {
	
#menu-item-12941, #menu-item-15931, #menu-item-15933, #menu-item-15934, #menu-item-15932, #menu-item-18530, #menu-item-16365, #menu-item-12939, #menu-item-612, #menu-item-613, #menu-item-614, #menu-item-22516, #menu-item-12122, #menu-item-14089, #menu-item-12079, #menu-item-19190, #menu-item-19191, #menu-item-19193, #menu-item-9656, #menu-item-3064, #menu-item-710, #menu-item-12940, #menu-item-8660, #menu-item-18120, #menu-item-19186, #menu-item-19187, #menu-item-19188, #menu-item-19768, #menu-item-20420, #menu-item-23999, #menu-item-24024, #menu-item-23998 {
    background-size: 30px 30px;
    padding-left: 30px;
    background-position: left 8px;
    background-repeat: no-repeat;
}
li.slideout-toggle, .header-phone-menu.mobilev {display: none;}
ul#menu-menu-home>li>ul {
    top: 105px;
    box-shadow: none;
    left: 0 !important;
    width: calc(100vw - 0px);
    height: calc(100% - 184px);
    padding: 40px 40px 40px 40px;
    margin-left: scroll;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    position: fixed;
    display:none;
}
@keyframes showNav {
  from {opacity: 0;}
  to {opacity: 1;}
}
ul#menu-menu-home>li>ul.toggled-on, #phone-menu.phone-open {display: block; animation: showNav .3s ease-in-out 0s;}
ul#menu-menu-home>li>ul li {display: inline-block;float: none;}

/*sub-nav 2*/
	

/*hover fix*/
.main-navigation .main-nav ul ul li:not([class*=current-menu-]):hover>a {background-color: transparent !important;}


ul#menu-menu-home>li>ul ul {
	box-shadow: none;width: 100%; left: 0;height: auto;	padding: 0 0 15px 15px;
opacity: 1;
visibility: visible;
pointer-events: auto;
overflow: visible;position:relative;}
.dropdown-click .main-navigation ul ul {
    display: block;
    visibility: visible;
}
ul#menu-menu-home>li>ul ul li {height:25px; width: 100%;}
ul#menu-menu-home>li>ul ul li a {
	font-family: 'Roboto';
	font-size: 14px;
	font-weight: 400;
	line-height: 10px;
	opacity: .75;
	background: transparent;
}
.main-navigation .main-nav>ul>li>ul>li>a {font-size: 20px;letter-spacing: 1px;padding-bottom: 7px !important;}
ul#menu-menu-home>li>ul>li>a span.dropdown-menu-toggle,
.main-navigation .main-nav>ul>li>ul>li>a .dropdown-menu-toggle:before {display: none;}
.dropdown-menu-toggle:before {
    color: transparent;
    font-weight: 600;
    background-image: url(/wp-content/uploads/2020/06/gold-nav-arrow.png);
    font-size: 16px;
    vertical-align: text-top;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    height: 10px;
	width: 10px;
    background-size: 100%;
    margin-top: 4px;
}
nav.main-navigation ul ul .dropdown-menu-toggle {float: none;}
.menu-item-has-children .dropdown-menu-toggle {padding-left: 6px;}
.main-navigation .main-nav ul li a {padding-left: 15px;padding-right: 15px;}
.main-navigation .dropdown-menu-toggle[aria-expanded="true"]:before {transform: rotate(45deg);}
}

/*new nav labels adjustment*/
@media (min-width: 1040px) and (max-width: 1075px) {
	.main-navigation .main-nav ul li a {padding-left: 11px; padding-right: 11px;}
}

/*column balancing*/
@media (min-width: 1040px) {
	#menu-item-19188, #menu-item-19191, #menu-item-9656, #menu-item-3064, #menu-item-23999, #menu-item-23998 {height: 100%;}
}
	
/**right nav**/

.mobile-contact-link, .mobile-locations-link {display: none;}
.desktop-locations-link {display: inline-block;}
.desktop-locations-link {padding-left: 20px;}
.locations-link a, .header-phone-menu .phone-icon {opacity: .8;}
.locations-link img {width: 25px; height: 25px;}
.header-widget .widget {float: left;}
.header-widget h2.widget-title, .header-widget .widget-title {display: none;}
.header-social-links {display: inline-block;}
.header-social-links img {width: 18px;height: 18px;margin: 21px 5px;}
.header-phone-menu {margin: 15px 10px 0 0px !important; display: inline-block;}
.header-phone-menu img.phone-icon {width: 25px;height: 25px;}
.header-phone-menu li span:hover {cursor: pointer;}
.header-phone-menu img.phone-icon-open {
	width: 10px;
	height: 10px;
	vertical-align: super;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.header-phone-menu ul {
    background-color: #ca9d5a;
    top: 105px;
    box-shadow: none;
    left: 0 !important;
    width: calc(100vw - 0px);
    height: calc(100% - 184px);
    padding: 40px 40px 80px;
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    position: fixed;
    display:none;
}
.header-phone-menu li span, .header-phone-menu li a {
    color: #ffffff;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
	padding-left: 8px;
    margin-left: 8px;
    font-family: 'Rufina', serif;
    font-size: 18px;
    letter-spacing: 1px;
}
.header-phone-menu li.phone-state {
    color: #ffffff;
    padding: 0px 10px 10px;
    font-family: 'Rufina', serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
	break-inside: avoid;
    -moz-column-break-inside: always;
	-webkit-column-break-inside: avoid;
}
.header-phone-menu .phone-city {display: block;}
.header-phone-menu .phone-city a {
    color: #ffffff;
    padding: 5px 20px 5px 35px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    letter-spacing: .5px;
    display: inline-block;
    opacity: .75;
    margin: 0;
    font-weight: 400;
}
.header-phone-menu .last-city a {margin-bottom: 20px;}
#phone-menu.phone-open, #phone-menu-m.phone-open {display:block;}
.phone-icon-open.close-state {transform: rotate(45deg);}
header ul.phone-open li {padding-bottom: 0px; text-align: left;}
.locations-link a:hover, .header-phone-menu:hover .phone-icon, .header-phone-menu .phone-city a:hover {opacity: 1; cursor: pointer;}
#phone-menu-m {overflow-x: scroll;}

/*nav responsiveness*/

@media (max-width: 1350px) {.header-widget #custom_html-4 {display: none;}}

@media (max-width: 1199px) {
	li.search-item {display: none;}
	.header-phone-menu li a {padding-left: 0px;}
}

/*to accommodate trade dropdown*/
@media (max-width: 1095px) and (min-width: 1040px) {
	.desktop-locations-link {display: none;}
}

@media (max-width: 1039px) {
	#menu-menu-home>li:not(slideout-toggle), .header-phone-menu.desktopv, .desktop-locations-link {display: none;}
	.site-header {height: 75px;}
	.container.grid-container {padding-top: 75px;}
	.nav-float-right .inside-header nav.main-navigation {float:right;clear: none;}
	div.inside-header {text-align: right;padding: 20px 10px 0 22px;}
	[class*="nav-float-"] .site-header .site-logo {float: left;clear: none;}
	.site-header .header-image {width: 120px;}
	.inside-navigation {flex: none; display: block;}
	.main-navigation .mobile-bar-items {display: none;}
	.main-navigation button.menu-toggle {display: inline-block;line-height: 54px;}
	body.nav-float-right .site-header .header-widget {display: inline-block; float: none;}
	.toggled #menu-menu-home {position: absolute;width: 100vw;}
	.header-phone-menu ul {top: 75px;height: calc(100% - 154px);}
	.menu-toggle:before {vertical-align: top;margin-top: 8px;}
	.header-phone-menu {margin: 15px 5px 0 0px !important;}
	.header-phone-menu img.phone-icon {width: 18px;height: 18px;margin-right: 0px;margin-bottom: 5px;}
	.header-phone-menu .open>span:hover {cursor: pointer;}
	.header-phone-menu img.phone-icon-open {vertical-align: top; margin-top: 6px;}
	.header-phone-menu ul {column-count: unset;}
	.header-phone-menu ul li {width: 300px;margin: 0 auto;}
	.header-phone-menu li.phone-city a {padding: 0px 20px 0px 35px;}
	.header-phone-menu li.last-city a {margin-bottom: 10px;}
	.header-phone-menu li.phone-state {padding-bottom: 0px;}
	.mobile-locations-link {display: inline-block;}
	.mobile-locations-link img {width: 18px; height: 18px; margin-bottom: 4px;}
	.mobile-locations-link {padding-left: 16px;}
	.menu-toggle {padding: 0 15px;}
		
	/*mobile contact link additions*/
	.mobile-contact-link {display: inline-block;font-weight: 500;vertical-align: top;margin-top: 12px; font-size: 14px;}
	.mobile-contact-link a {color: #000000; opacity: .8;}
	.mobile-contact-link a:hover {opacity: 1;}
	.header-phone-menu {margin: 15px 5px 0 0px !important; display: inline-block;}
	
	/*mobile nav icons*/
	.menu-item-12941, .menu-item-15931, .menu-item-15933, .menu-item-15934, .menu-item-15932, .menu-item-18530, .menu-item-16365, .menu-item-12939, .menu-item-612, .menu-item-613, .menu-item-614, .menu-item-615, .menu-item-12122, .menu-item-14089, .menu-item-12079, .menu-item-19190, .menu-item-19191, .menu-item-19193, .menu-item-9656, .menu-item-3064, .menu-item-710, .menu-item-12940, .menu-item-8660, .menu-item-18120, .menu-item-19186, .menu-item-19187, .menu-item-19188, .menu-item-19768, .menu-item-20420, .menu-item-22516, .menu-item-24024, .menu-item-23998, .menu-item-23999 {
	background-size: 20px 20px;
    padding-left: 26px;
    background-position: left 5px;
    background-repeat: no-repeat;
	padding-bottom: 2px;
	}
}

/*mobile menu open*/

nav.slideout-navigation.do-overlay .slideout-exit {
	font-size:16px;
	padding-top: 28px;
	padding-right: 28px;
	position: absolute;
}
nav.slideout-navigation.do-overlay .inside-navigation {max-width: 100%;}
nav.slideout-navigation.do-overlay .inside-navigation .main-nav {width: 280px;}
nav#generate-slideout-menu.do-overlay .slideout-menu li {text-align: left; margin-bottom: 0px;}
nav.slideout-navigation.do-overlay .slideout-menu>li>a {
	font-family: 'Rufina', serif;
	font-size: 17px;
	padding: 0 5px;
}
nav.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
	border-left: 0px; padding: 0 10px 0 5px;}
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul {
	padding: 5px 0px 15px 20px;
}
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li,
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li>ul>li {
	margin-bottom: 0px;}
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li>a {
	font-family: 'Roboto', sans-serif;
	padding: 0px;
	font-size: 13px !important;
	font-weight: 500;
}
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li>ul {margin: 5px 0 15px 0;}
nav.slideout-navigation.main-navigation.do-overlay .main-nav>ul>li>ul>li>ul>li>a {
	font-size: 13px;
	font-weight: 300;
	padding: 5px 0px 5px 0px;
}
.slideout-navigation .dropdown-menu-toggle:before {color: transparent;
    font-weight: 600;
    background-image: url(/wp-content/uploads/2021/10/white-nav-arrow.png);
    vertical-align: text-top;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    height: 10px;
	width: 10px;
    background-size: 100%;
    margin-top: 7px;
}
.slideout-navigation .menu-item-has-children .menu-item-has-children .dropdown-menu-toggle:before {margin-top: 4px;}
.dropdown-click .menu-item-has-children.sfHover>a .dropdown-menu-toggle:before {transform: rotate(45deg);}


/**footer**/

footer .footer-trade-link {
	font-family: 'Rufina', serif;
	letter-spacing: 1px;
	font-size: 16px;
	margin-top: 25px;
	display: inline-block;}
footer .footer-trade-link a {color: #ca9d5a;}
footer .footer-trade-link a:hover {color: #ca9d5a; opacity: .9;}
.footer-contact-section {background-color: #231f20;padding: 50px 20px 40px; margin-bottom: 30px;}
.footer-contact-section h2 {color: #ca9d5a;font-size: 34px; line-height: 44px;}
.swc-link.footer-link {color: #ffffff;font-size: 34px;margin-bottom: -17px;padding: 0px 10px 6px;}
.swc-link.footer-link:after {background: #ffffff;}
.copyright-bar a, .financing-row a {color: #bcbcbc;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;}
.copyright-bar a:hover {color: #999999; opacity: 1;}
@media (max-width: 600px) {.footer-contact-section h2, .swc-link.footer-link {font-size: 28px; line-height: 38px;}}

/*footer form*/
.footer-contact-section {padding: 50px 80px; text-align: left;}
.footer-contact-section h3 {font-size: 30px;}
.footer-contact-section h3 b {color: #ffffff;}
.footer-banner-form input:not(.submit), .footer-banner-form textarea {
	background-color: transparent; 
	border: none; 
	border-bottom: 2px solid #ca9d5a;}
.footer-banner-form input, .footer-banner-form textarea {
	font-family: 'Rufina', serif; 
	color: #ca9d5a; 
	font-size: 18px; 
	letter-spacing: 1px;
	margin: 10px; 
	width: calc(20% - 24px);
}
/*to include textarea*/
.footer-banner-form input {width: calc(25% - 24px);}
.footer-banner-form textarea {width: calc(100% - 24px); display: block;}
/*to include textarea*/
.footer-banner-form ::-webkit-input-placeholder {color: #908689;}
.footer-banner-form :-moz-placeholder {color: #908689;}
.footer-banner-form ::-moz-placeholder {color: #908689;}
.footer-banner-form :-ms-input-placeholder {color: #908689;}
.footer-banner-form input.medium, .footer-banner-form textarea {padding: 22px;}
.footer-banner-form input.medium:focus, .footer-banner-form input.medium:active,
.footer-banner-form textarea:focus, .footer-banner-form textarea:active {
	border: none; 
	border-bottom: 2px solid #ffffff;
    color: #ffffff;
    outline: none;
}
.footer-banner-form input#saveForm {
	background-color: #ca9d5a;
	color: #ffffff;
	padding: 20px;
	min-width: 200px;
	border-radius: 0;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
	}
.footer-banner-form input#saveForm:hover {background-color: #ca9d5ae0;}
@media (max-width: 1300px) {
    .footer-banner-form {display: block; text-align: left;}
    .footer-banner-form input.medium {width: calc(50% - 25px);}
    .footer-banner-form input.submit {display: block; margin-top: 30px;}
}
@media (max-width: 800px) {
    .footer-banner-form input.medium {width: calc(100% - 25px);}
    .footer-banner-form input.submit {display: block;}
}
@media (max-width: 600px) {
	.footer-contact-section {padding: 50px 40px;}
	.footer-contact-section h3 b {display: block;}
}


/* footer locations */
.location-header-icon {width: 30px; height: 30px;}
#footer-locations {padding: 60px 0 20px;}
#footer-locations h2.widget-title, #footer-locations .widget-title {font-size: 24px;font-weight: 400; margin: 20px 0; color: #231f20; display: block;}
.location-city {font-family: 'Petit Formal Script', cursive;color: #231f20;letter-spacing: 0px;font-size: 16px;line-height: 28px;margin-bottom: 15px;opacity: .8;}
#footer-locations a {color: #ca9d5a;}
#footer-locations .swc-link {margin-left: 14px; padding-top: 0px; margin-bottom: 5px;}
#footer-locations a.foot-link {font-size: 14px;line-height: 23px;display: inline-block; opacity: .8; margin-bottom: 3px; font-weight: 500;}
#footer-locations a.foot-link:hover {opacity: 1;}
.foot-location-image {display: none;}
.foot-phone, .foot-location {width: 15px;height: 15px;margin-right: 6px;vertical-align: top;}
.foot-phone {margin-top: 4px;}
.foot-location {margin-top: 4px;}
#footer-locations .footer-custom-html {padding: 0px;width: 230px;margin-right: auto;margin-left: auto; text-align: left;width: 230px;margin: 0 auto;margin-bottom: 50px;}
#footer-locations .inside-footer-locations {text-align: center; margin: 0 auto;}
#footer-locations .inside-footer-locations>div {float: none; display: inline-block; width: auto; vertical-align: top; width: 16.3%; margin-bottom: 20px;}
@media (max-width: 1400px) {#footer-locations .inside-footer-locations>div {width: 33%;}}
@media (max-width: 1040px) {#footer-locations .inside-footer-locations>div {width: 49%;}}
@media (max-width: 590px) {#footer-locations .inside-footer-locations>div {width: 100%;}}


/*home*/

/*offsest copy*/
div.offset-copy-section {max-width: 860px;margin: 0 auto;}
.heading-container {max-width: 500px;}
.offset-text-container {margin-left: 30%;}
@media (max-width: 699px) {
	.heading-container {max-width: 100%;}
	.offset-text-container {margin-left: 0;}
}

/*slider*/
.homeslide-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 105px);
}
.homeslide-wrapper .metaslider {max-width: 100% !important;}
 #metaslider-id-10146 img {position: relative;}
@media (max-width: 1600px) {
    #metaslider-id-10146 .slides li>img {height: auto; min-width: 1600px; left: 50%; margin-left: -800px;}
}
.metaslider .slides>li>img {z-index: -1;}
.msHtmlOverlay {
    display: unset !important;
    width: unset !important;
    height: unset !important;
    position: unset !important;
    left: unset !important;
    top: unset !important;
}
.hd-attribution {
    transform: rotate(-90deg);
    position: absolute !important;
    left: 34px !important;
    top: calc(50vh + 230px);
    transform-origin: center left;
    width: 600px;
    text-align: center;
	font-size: 12px;
}
#main .hd-attribution img {
    width: 160px;
    height: 24px;
    display: inline;
    vertical-align: middle;
    margin-right: 15px;
    padding-bottom: 5px;
}
.hd-attribution.attribution-inverse {
	color: #ffffff;
	text-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.2);
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 300;
	top: calc(50% + 290px);
}
.home-overlay {
	width: 380px;
	height: auto;
	background: rgba(255,255,255,.9);
	padding: 40px 60px;
	position: absolute;
	z-index: 1;
	left: calc(50vw - 250px);
	top: calc(50vh - 250px);
	}
.home-overlay p {color: #423e3f;font-size: 50px;line-height: 62px;font-family: 'Rufina', serif;letter-spacing: 2px;margin-bottom: 15px;}
.home-overlay p i {font-family: 'petit formal script', cursive;letter-spacing: 0px;font-style: normal;font-size: 44px;}
@media (max-width: 1039px) {.homeslide-wrapper {height: calc(100vh - 75px);}}
@media (max-width: 800px) {
	.home-overlay {width: 330px; padding: 30px 45px; left: calc(50vw - 200px); top: calc(50vh - 200px);}
	.home-overlay p {font-size: 42px; line-height: 60px; margin-bottom: 13px;}
	.home-overlay p i {font-size: 38px;}
}
@media (max-width: 525px) {
	.hd-attribution {left: 20px !important;}
	#main .hd-attribution img {width: 140px; height: 21px;}
	.home-overlay {width: calc(100% - 160px); padding: 30px 40px; margin-left: 40px; margin-right: 40px; left: 0;}
}
@media (max-width: 470px) {
	.home-overlay {top: calc(50vh - 60vw);}
	.home-overlay .swc-link {display: inline-block; margin-right: 10px; padding-top: 5px;}
	.home-overlay .link-divider {display: none;}
	.home-overlay p {font-size: 40px;}
	.home-overlay p i {font-size: 35px;}
}
@media (max-width: 415px) {
	.home-overlay p {font-size: 35px; line-height: 49px;}
	.home-overlay p i {font-size: 30px;}
}
@media (max-width: 300px) {
	.home-overlay {padding: 25px 30px; width: calc(100% - 140px); top: calc(50vh - 90vw);}
	.home-overlay .swc-link {margin-right: 0px;}
}


/*gold slider links*/
.slider-gold-links {background-color: #ca9d5a;
    display: inline-block;
    right: 0;
    position: absolute;
    bottom: 0;
    padding-left: 25px;
    z-index: 2;
}
.gold-section, .video-section {width: 150px; padding: 10px 10px 8px; display: inline-block; vertical-align: middle;}
.number-heading {font-family: 'Rufina', serif; color: white; display: block; margin-bottom: 5px; font-size: 20px;}
.white-text {font-family: 'Roboto', sans-serif; color: white; font-weight: 300; display: block; font-size: 14px; line-height: 23px;}
.video-section {
    background-image: url('https://www.skylinewindowcoverings.com/wp-content/uploads/2023/06/skyline-window-coverings-difference-about-us-video-background-1.jpg');
    text-align: center;
    background-size: cover;
    height: 166px;
    background-position: center center;
    margin-left: 15px;
    padding-left: 25px;
    padding-right: 25px;
}
.video-section a img {
    width: 60px;
    height: 60px;
    margin-top: calc(50% - 30px);
    display: inline-block;}
@media (max-width: 605px) {
	.slider-gold-links {width: 100%;padding: 0px; position: relative;}
	.gold-section {width: 39%;padding: 15px 5%;margin: 0; vertical-align: top;}
	.video-section {width: 100%;margin-left: 0px;padding: 25px 0;background-position: 0% 20%; height: 120px;}
	.video-section a img {margin-top: 30px;}
}

/*page links*/
.home-page-links {line-height: 0px;}
.home-page-links .link-background {width: 100%; height: auto;}
.link-overlay, .link-overlay:link, .link-overlay:visited {
    background-color: #ca9d5a;
    padding: 10px 18px 24px 26px;
    display: inline-block;
    position: absolute;
    bottom: 1px;
    right: 1px;
    width: 160px;
}
.link-overlay .white-link {
	font-size: 18px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	margin: 15px 0 8px;
}
.home-page-links .wpb_content_element {margin-bottom: 0px;}

/*technology section*/
.video-row-bg {position: absolute; width: 100vw; background: #b97e27; height: 100%;}
.video-row-bg .metaslider {opacity: .35;}
.white-copy, .white-copy h1 {color: #ffffff;}
.technology-row {padding: 160px 30px;}
.auto-logos-mobile {display: none;}
@media (max-width: 1280px) {
	.video-row-bg {width: 1226px;height: auto;margin-left: calc(50% - 613px);}
	.technology-row {padding: 120px 30px;}
}
@media (max-width: 699px) {
	.auto-logos-mobile {display: block;}
	.auto-logos-desktop {display: none;}
	.video-row-bg {width: 1400px; margin-left: calc(50% - 700px);}
}
/*section spacing*/
div.home-row-top {margin-top: 100px;}
div.home-row-bottom {margin-bottom: 100px;}
@media (max-width: 650px) {
    div.home-row-top {margin-top: 80px;}
    div.home-row-bottom {margin-bottom: 80px;}
	.technology-row {padding: 100px 10px;}
}
@media (max-width: 450px) {
    div.home-row-top {margin-top: 60px;}
    div.home-row-bottom {margin-bottom: 60px;}
	.technology-row {padding: 80px 0px;}
}

/**solution icons**/
.solution-wrap {display: inline-block;margin: 10px 6px 10px 6px;text-align: center;line-height: 16px;vertical-align: top;}
.solution-wrap a:hover {opacity: 1;}
.solution-icon {margin-bottom: 10px;width: 80px;height: 80px;display: block; margin-left: auto; margin-right: auto;}
.solution-icon img {width: 80px;height: auto;}
.icon-text {font-size: 12px;color: #9c9c9c;font-weight: 400;}
.product-details .solution-wrap {margin: 10px 5px 15px 5px;}
.product-details .solution-icon {margin-bottom: 10px;width: 70px;height: 70px;}

/**before / after image slider**/
.before-after{position:relative;display:inline-block;vertical-align:top;user-select:none}
.before-after .photo img{display:block;max-width:100%;width:100vw;height:auto}
.before-after .photo.before{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform:translate(-50%)}
.before-after .photo.before .layer,.before-after .photo.before img{transform:translate(50%)}
.before-after .drag-handler{
    width: 3px;
    background-color: #ffffff;
    margin:0 0 0 -2px;
    position:absolute;
    left:50%;
    top:0;
    height:100%;
    opacity: 1;
}
.before-after .drag-handler .drag-element{
    position:absolute;
    width: 100vw;
    height: 100%;
    margin: 0 0 0 -50vw;
    background-color: transparent;
    cursor:pointer;
	/*arrows*/
	background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2023/03/before-after-slider-arrows-filled.png);
    background-size: 75px 50px;
    background-position: calc(50% + 2px) 50%;
    background-repeat: no-repeat;
}
@media (max-width: 700px) {
	.before-after .drag-handler .drag-element {background-size: 60px 40px;}
}

/**product & solution pages**/
.top-row {margin-bottom: 80px;}
.top-overlay {background: rgba(255,255,255,.9);padding: 40px;margin: 150px auto 185px !important;max-width: 600px;}
.top-overlay h1 {color: #423e3f;font-size: 39px;}
.top-overlay p {color: #504d4e; margin-bottom: 20px; font-size: 16px;}
.video-link {padding: 0 10px 0; vertical-align: bottom; margin: 0 0 0 5px;}
.video-link img {width: 20px;height: 20px;vertical-align: middle;}
#content ul.text-list {margin: 10px 0 30px 10px;}
#content ul.text-list li {list-style-type: none; font-weight: 300; padding-left: 20px; line-height: 1.9; background-image: url('/wp-content/uploads/2020/09/bullet-4.png'); background-size: 7px 7px; background-position: 0 10px; background-repeat: no-repeat;}
#content ul.text-list li a {font-weight: 500;}
#content .details-column.product-details .vc_column-inner {padding-top: 50px;}
.info-row {margin-bottom: 60px;}
.faq-row h3 {font-size: 22px;}
h2.solutions-category, h2.product-category {font-family: 'petit formal script', cursive;letter-spacing: 0px;font-size: 24px;color: #423e3fc9;}
h2.product-category {margin-bottom: 60px !important;}
.faq-row h2 img {width: 90px; height: 90px; vertical-align: middle;}
@media (min-width: 651px) {.faq-wrap p {margin-left: 10%;}}
.fabric-title {text-align: center;}
.fabric-title p {
	font-family: 'Rufina', serif;
	color: #4f4f4f;font-size: 17px;
	letter-spacing: 1px;
	display: inline-block;
	line-height: 24px;}
.fabric-title i {font-family: 'Petit Formal Script', cursive;font-style: normal;color: #676767;display: block;font-size: 14px; letter-spacing: 0px;}
.fabric-swatch-row {margin-bottom: 70px;}
.fabric-swatch-row .wpb_single_image {margin-bottom: 20px;}
.available-product-row {max-width: 900px; margin: 0 auto !important;}
.available-product-row h3 {color: #231f20; font-size: 21px; line-height: 30px;}
.similar-row .circle-img {margin-bottom: 16px;}
div.similar-row img {width: 100%;max-width: 300px; height: auto;}
.similar-link {font-size: 18px;}
.landing-product .circle-img {max-width: 400px; height: auto; margin-left: auto; margin-right: auto;}
@media (max-width: 767px) {#content .landing-product .wpb_column {max-width: 580px; margin-left: auto; margin-right: auto;}}
@media (min-width: 1200px) {
	div.slider-column .vc_column-inner {max-width: 800px !important; padding-right: 60px; padding-left: 0px;}
}
@media (max-width: 1199px) {.slider-column .vc_column-inner {max-width: 600px;}}
@media (max-width: 1139px) {
	.top-overlay {max-width: 500px;}
	#content .details-column.product-details .vc_column-inner {padding-top: 35px; padding-left: 30px;}
}
@media (max-width: 1000px) {
	.slider-column.vc_col-sm-7, .details-column.vc_col-sm-5 {float: none; width: 100%;}
	.details-column.vc_col-sm-5 {max-width: 770px; margin: 0 auto;}
	.slider-column .vc_column-inner {max-width: 800px;}
	.slider-column.vc_col-sm-7 .vc_column-inner {margin: 0 auto;}
}
@media (max-width: 850px) {
	.top-overlay {max-width: 420px; margin: 100px auto 135px !important;}
	div.blog-feed-header {padding: 135px 30px;}
	.fabric-swatch-row .vc_col-sm-1\/5 {width: 33.3%;display: inline-block; float: none; vertical-align: top;}
}
@media (max-width: 767px) {.similar-row .vc_col-sm-4 {width: 33.3%; display: inline-block; float: none; vertical-align: top;}}
@media (max-width: 700px) {
	.hd-attribution.attribution-inverse {left: 10px !important;}
}
@media (max-width: 690px) {
	.solution-top .vc_column-inner {padding-left: 30px !important; padding-right: 30px !important;}
}

/* universal mobile optimizations */

@media (max-width: 650px) {
	.link-divider {margin: 8px 3px 0px;}
	.fabric-swatch-row .vc_col-sm-1\/5 {width: 50%;}
	.details-column .solution-wrap, .home-solution-icons .solution-wrap {margin: 10px 3px 15px 3px;}
	.details-column .solution-icon, .home-solution-icons .solution-icon {margin-bottom: 5px;width: 65px;height: 65px;}
	.similar-row .vc_col-sm-4 {width: 100%; display: inline-block; float: none;}
	div.similar-row img {max-width: 260px;}
	h1, h2.home-large, h2.heading-large {font-size: 34px; line-height: 44px;}
	div.top-overlay {margin: 40px auto 80px !important;}
	.top-overlay h1 {/*hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto;*/ font-size: 34px; line-height: 46px;}
	div.blog-feed-header {padding: 75px 30px;}
}
@media (max-width: 400px) {
	.top-overlay h1 {font-size: 30px; line-height: 41px;}
    div h2 img {width: 55px; height: 55px;}
	.details-column .solution-icon, .home-solution-icons .solution-icon {margin-bottom: 4px;width: 60px;height: 60px;}
	.details-column .icon-text, .home-solution-icons .icon-text {font-size: 11px; line-height: 13px;}
}

#details {padding-top: 100px; margin-top: -100px;}
.video-row-header-bg {position: absolute; width: 100vw; height: 100%;}
.top-row.video-top {padding: 0;}
.top-row.video-top .top-overlay {
	z-index: 10;
    position: relative;
    background: transparent;
    padding: 185px 0 150px;
    max-width: 100%;
    margin: -2px 0 0 0 !important;
}
.top-row.video-top .top-overlay>.wpb_wrapper {
    background: rgba(255,255,255,.9);
    padding: 40px;
    margin: 0px auto !important;
    max-width: 600px;
}
@media(max-width: 1340px) {.video-row-header-bg {width:1400px;height: auto;margin-left: calc(50% - 700px)}}
@media (max-width: 850px) {
	.top-row.video-top .top-overlay {padding: 135px 0 100px !important;}
	.top-row.video-top .top-overlay>.wpb_wrapper {max-width: 420px;}
}
@media (max-width: 700px) {.video-row-header-bg {width: 1700px; margin-left: calc(50% - 850px);}}
@media (max-width: 575px) {.top-row.product-top.video-top .top-overlay>.wpb_wrapper {margin: 0px 30px !important;}}
@media (pointer: coarse) and (max-width: 600px) {
	.video-row-header-bg {display: none;}
	.video-row-bg {display: none;}
}
.large-text-section h3 {font-size: 21px;}
@media (min-width: 750px) {
	.large-text-section {column-count: 2; column-gap: 40px;} 
	.large-text-section h3 {display: inline;}
}
@media (min-width: 1280px) {.large-text-section {column-gap: 65px;}}
.image-text-row {max-width: 1020px; margin: 0 auto 60px;}
div.image-text-row img {border-radius: 50%; max-width: 280px; width: 100%;}
.image-text-row .vc_inner {margin-bottom: 25px;}
@media (min-width: 768px) and (max-width: 1040px) {.image-text-row .vc_col-sm-8 .vc_column-inner {padding-left: 30px;}}
@media (max-width: 767px) {.image-text-row .vc_col-sm-8 {max-width: 580px; margin-left: auto; margin-right: auto;}}

/*solution only*/
.featured-solution-icon {width: 90px; height: 90px;}
.solution-icon-nav.top-nav {border-bottom: 2px solid #ffffff;}
.solution-icon-nav.bottom-nav {border-top: 2px solid #ffffff;}
#content .solution-icon-nav .vc_column-inner {padding-top: 7px;}
div.inverse-icon-row {margin-bottom: 12px;}
.inverse-icon-row .solution-icon {width: 65px;height: 65px;margin-bottom: 3px;}
.inverse-icon-row .solution-icon img {width: 65px;height: 65px;}
.inverse-icon-row .solution-wrap {margin: 10px 12px 10px 12px;}
.inverse-icon-row .solution-wrap:not(.selected) {opacity: .5;}
.inverse-icon-row .icon-text {color: #ffffff;font-size: 11px;line-height: 14px;}
@media (max-width: 1170px) {
	.inverse-icon-row .solution-wrap {margin: 10px 3px 15px 3px;}
	.inverse-icon-row .solution-icon {width: 55px;height: 55px;}
	.inverse-icon-row .solution-icon img {width: 55px;height: 55px;}
	.inverse-icon-row .icon-text {font-size: 10px;line-height: 13px;}
}
@media (min-width: 840px) and (max-width: 1170px) {.top-nav .inverse-icon-row>div {display:flex; justify-content: space-around;}}
@media (max-width: 830px) {.solution-icon-nav.top-nav {display: none;}}
@media (max-width: 430px) {
	.inverse-icon-row .solution-wrap {margin: 8px 3px;}
	.inverse-icon-row .solution-icon, .inverse-icon-row .solution-icon img {width: 48px; height: 48px;}
	.inverse-icon-row .icon-text {font-size: 9px; line-height: 13px; display: inline-block;}
}

/*galleries*/
#content .metaslider .flexslider .flex-direction-nav .flex-next, #content .metaslider .flexslider .flex-direction-nav .flex-prev {
	background-size: 20px 36px;
	width: 50%;
	height: 100%;
	opacity: 1;
	padding: 0px;
}
#content .metaslider .flexslider .flex-direction-nav .flex-next {
	background-image: url('https://www.skylinewindowcoverings.com/wp-content/uploads/2022/03/right-white-slider-arrow.png');
	right: 0;
	top: 0;
	background-position: calc(100% - 22px) calc(50% + 18px);
}
#content .metaslider .flexslider .flex-direction-nav .flex-prev {
	background-image: url('https://www.skylinewindowcoverings.com/wp-content/uploads/2022/03/left-white-slider-arrow.png');	
	left: 0;
	top: 0;
	background-position: calc(0% + 22px) calc(50% + 18px);}
/* original slider arrow styles *
#content .metaslider .flexslider .flex-direction-nav .flex-next, #content .metaslider .flexslider .flex-direction-nav .flex-prev {
	background-image: url('/wp-content/uploads/2020/07/right-slider-arrow.png');
	margin-top: -18px;
	background-size: 100%;
	width: 20px;
	height: 36px;
	opacity: 1;
	padding: 0;
	background-position: top center;
}
#content .metaslider .flexslider .flex-direction-nav .flex-next {background-image: url('/wp-content/uploads/2020/07/right-slider-arrow.png');right: 22px;}
#content .metaslider .flexslider .flex-direction-nav .flex-prev {background-image: url('/wp-content/uploads/2020/07/left-slider-arrow.png');left: 22px;}*/
#content .metaslider .caption-wrap {margin: 0;bottom: 10px;font-weight: 300; font-size: 12px; letter-spacing: 1px}
#content .metaslider .caption {text-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.2);}
#content .metaslider .caption a {color: #ffffff; font-weight: 400;}

/*about page*/

.about-overlay {color: #ffffff !important;width: 200px;padding: 20px 25px;}
.about-overlay h3 {color: #ffffff;font-size: 19px;letter-spacing: 1.5px;line-height: 28px;margin-bottom: 10px;}
.about-overlay .position {display: block;font-family: 'Petit Formal Script', cursive;letter-spacing: 0px;line-height: 22px;}
.about-overlay ul {margin: 0 0 0 0px;padding-top: 20px;font-size: 14px;}
.about-overlay li {line-height: 20px;list-style-type: "•";font-weight: 300;padding-left: 10px;margin: 0 0 8px 6px;}
#content .vc_tta-tabs-container {max-width: 1100px; margin: 0 auto;}
#content .about-tabs .vc_tta-tabs-list li {margin-right: 30px;}
#content .about-tabs .vc_tta-tabs-list li a {font-weight: bold; font-family: 'Rufina', serif;color: #ca9d5a !important;letter-spacing: 1px;background-color: #ffffff;padding: 40px 0px 30px 0;}
#content .about-tabs .vc_tta-tabs-list li.vc_active a {background-image: url('/wp-content/uploads/2020/08/about-gold-location-icon.png');background-size: 30px 30px;background-position: top center;background-repeat: no-repeat;}
@media (hover: none) and (pointer: coarse) {#content .about-tabs .vc_tta-tabs-list li a {transition: none;}}
@media (max-width: 1190px) {.vc_tta-tabs-container {padding-left: 40px;}}
@media (max-width: 767px) {
	#content .vc_tta-tabs-container {display: block;}
	.vc_tta-panel-heading {display: none;}
}
@media (max-width: 1170px) {
	#content .about-tabs .vc_tta-tabs-list li {display: block;margin-left: 0px;}
	#content .about-tabs .vc_tta-tabs-list li a {padding: 5px 0px 5px 40px; border: 0px;}
	#content .about-tabs .vc_tta-tabs-list li.vc_active a {background-position: left center;}
}
.about-overlay .about-toggle {height: 0px;transition: max-height .4s ease-in-out; max-height: 0px;}
.about-overlay:hover .about-toggle {display: block;height: auto; max-height: 250px; transition: max-height 0.4s ease-in-out;}
div.community-logo-row {text-align: center;}
div.community-logo-row img {width: 100%;max-width: 200px;height: auto;border-radius: 50%;}
@media (max-width: 767px) {div.community-logo-row .vc_col-sm-3 {width: 25%; display: inline-block;}}
@media (max-width: 650px) {div.community-logo-row .vc_col-sm-3 {width: 50%;}}
.testimonial-row {padding-top: 40px;}
blockquote {font-family: 'Petit Formal Script', cursive;letter-spacing: 0px;font-style: normal;font-size: 22px;color: #828282;line-height: 42px;background-image: url('/wp-content/uploads/2020/08/gold-testimonial-quote.png');border-left: 0px;background-size: 90px 60px;background-repeat: no-repeat;background-position: center left;margin: 0;}
span.author {color: #cecbc5;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;font-size: 18px;}
.bx-pager {margin-top: 25px;}
.bx-pager-item {display: inline-block; margin-right: 20px;}
#content .bx-pager-link {width: 11px;height: 11px;border-radius: 50%;background-color: #ca9d5a85; display: inline-block;overflow:hidden;color: transparent;}
#content .bx-pager-link.active {background-color: #ca9d5a;}
.testimonial-links, blockquote, span.author, .bx-pager {padding-left: 120px;}
@media (max-width: 650px) {
    .bx-wrapper {padding-top: 40px; background-image: url('/wp-content/uploads/2020/08/gold-testimonial-quote.png');background-size: 60px 40px;background-repeat: no-repeat;background-position: top left;}
    .testimonial-links, blockquote, span.author, .bx-pager {padding-left: 0px;}
    blockquote {background-image: none;font-size: 18px;line-height: 34px;padding-left: 3px;margin-right: 0px !important;}
}

/*location pages*/

h1 img.title-icon {width: 45px; height: 45px; margin-right: 3px; vertical-align: text-top;}
.intro-link {display: flex;}
.intro-link-icon {margin-right: 12px;}
.intro-link-icon img {width: 30px; height: 30px; max-width: 30px; vertical-align: text-top;}
.intro-link-info i {color: #504d4e; font-style: italic; display: block; margin-bottom: 5px;}
.intro-link-margin {padding-left: 0px;}
.location-intro.top-overlay .swc-link {text-align: left}
.location-intro.top-overlay .intro-phone-link {display: block; line-height: normal;}
@media (max-width: 530px) {
    .location-intro.top-overlay .toggle-heading.inline {display: block;}
    .location-intro.top-overlay .toggle-heading.inline .swc-link {padding-left: 0px;}
    .location-intro.top-overlay .link-divider {display: none;}
}
.step-row {padding: 0 15px; margin: 80px 0 30px;}
.step-row .vc_col-sm-4 {max-width: 600px; margin: 0px auto 50px; padding: 0 20px;}
div.step-row img {width: 100%; max-width: 300px; height: auto;}
div.step-row img.step-image {width: 40px; height: 40px; margin-right: 15px;}
@media (max-width: 900px) {
    .step-row .vc_col-sm-4 {float: none; width: 100%; max-width: 100%; margin: 0 auto 10px;} 
    div.step-row img {max-width: 250px;}
    .step-row .wpb_single_image, .step-row .wpb_text_column {display: inline-block; vertical-align: top;}
    .step-row .wpb_single_image {width: 30%; margin-right: 5%;}
    .step-row .wpb_text_column {width: 63%;}
}
@media (max-width: 550px) {
    .step-row .wpb_single_image, .step-row .wpb_text_column {display: block; width: 100%; margin-right: 0px;}
}
@media (max-width: 440px) {h1 img.title-icon {display: block; margin-bottom: 10px !important; width: 40px; height: 40px;}}

.intro-location {display: flex; margin-bottom: 15px;}
.intro-location-icon {margin-right: 15px;}
.intro-location-icon img {width: 30px; height: 30px; max-width: 30px; vertical-align: text-top;}
.intro-location-info {font-weight: 400; color: #504d4e; font-style: italic;}
.inverse-icon-row.location-icon-row .solution-wrap {opacity: 1; margin: 10px 30px;}
@media (max-width: 990px) {.inverse-icon-row.location-icon-row .icon-text {font-size: 11px;line-height: 14px;}}
@media (max-width: 950px) {.inverse-icon-row.location-icon-row .solution-wrap {margin: 5px 20px;}}
.showroom-icon {margin-right: 20px; float: left; clear: both;}
.showroom-info {padding-left: 60px;}
.showroom-info img.gallery-logo {width: 240px; height: auto;}
.showroom-info .swc-link {padding-top: 0px; padding-bottom: 3px;}
.showroom-info.link-section {padding-left: 50px;}
.showroom-info p {margin-bottom: 15px;}
.showroom-info i {display: block; padding-top: 10px; color: #787878;}
.location-overview h3 {color: #423e3f; font-size: 21px;}

/*new showroom section*/
.showroom-section {padding: 10px 50px;}
.showroom-section h2 {padding-bottom: 15px;}
.showroom-section .showroom-info {padding-left: 50px;}
.showroom-section .swc-link {margin-left: 40px; text-align: left;}
.showroom-section img.gallery-logo {width: 200px;}
.showroom-section img.showroom-icon {width: 26px;}
.showroom-column {display: inline-block;
    width: 49%;
    vertical-align: top;}
.media-double-row.showroom-row .media-bg.winnetka-bg {background: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2025/08/skyline-window-coverings-winnetka-hunter-douglas-window-coverings-showroom-storefront.jpg);
    background-position: center; background-size: cover;
}
.media-double-row.showroom-row .media-bg.chicago-bg {background: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2025/08/skyline-window-coverings-chicago-hunter-douglas-window-treatment-showroom.jpg);
    background-position: center; background-size: cover;
}
.media-double-row.showroom-row .media-bg.nyc-bg {background: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2025/08/skyline-window-coverings-new-york-city-hunter-douglas-window-treatment-showroom.jpg);
    background-position: center; background-size: cover;
}

@media (max-width: 1200px) {#page .showroom-row .vc_col-sm-5, #page .showroom-row .vc_col-sm-7 {width: 50%;}}
@media (min-width: 851px) and (max-width: 1200px) {.showroom-column {display: block; width: auto;}}
@media (max-width: 850px) {
	#page .media-double-row.showroom-row {display: block;}
	#page .showroom-row .vc_col-sm-5, #page .showroom-row .vc_col-sm-7 {width: 100%; display: block;}
	#page .showroom-row .media-bg {height: 350px;}
}
@media (max-width: 680px) {.showroom-column {display: block; width: auto;}}
@media (max-width: 450px) {.showroom-section {padding: 10px 30px;}}
/*end new showroom section*/

.designer-callout-row {max-width: 900px;}
.designer-callout-row .vc_col-sm-3 {padding-right: 20px;}
.designer-callout-row .vc_col-sm-9 {vertical-align: middle;}
.designer-callout-row .circle-img {width: 100%; max-width: 250px;}
.designer-heading {font-family: 'petit formal script', cursive; letter-spacing: 0px; font-size: 34px;}
.designer-text {color: #575254; font-size: 22px;}
@media (max-width: 767px) {
    .designer-heading {font-size: 28px;}
    .designer-text {font-size: 18px;}
    .designer-callout-row .vc_col-sm-9 .vc_column-inner {margin-bottom: 30px; padding-top: 10px !important;}
    .designer-callout-row .vc_col-sm-9, .designer-callout-row .vc_col-sm-3 {max-width: 500px; margin-left: auto; margin-right: auto;}
}

.designer-row {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.designer-row .metaslider {max-width: 100% !important;height: 750px !important;overflow: hidden;}
#content .designer-row .metaslider img.msDefaultImage {
	position: relative;
	min-width: 1700px;
	left: 50%;
	margin-left: -850px;
}
.designer-wrapper {
    width: 960px;
    height: auto;
    position: absolute;
    background-color: rgba(255,255,255,.9);
    padding:15px;
    z-index: 1;
    left: calc(50vw - 480px);
    top: 175px;
    }
.designer-wrapper h3 {margin-bottom: 5px;}
.designer-wrapper .designer-position {font-family: 'Petit Formal Script', cursive;letter-spacing: 0px;color: #827e7f;font-size: 20px;margin-bottom: 15px;}
#content .designer-wrapper img, .designer-info-wrap {vertical-align: top;}
#content .designer-wrapper img {display: inline-block;width: 430px;height: auto;}
.designer-info-wrap {display: inline-block;width: 440px;height: auto;padding: 12px 20px 12px 40px;}
#content .designer-info-wrap ul {margin-bottom: 15px;}
.designer-info-wrap p {line-height: 1.9;}
#content .designer-row .metaslider .flexslider .flex-direction-nav .flex-prev,
#content .designer-row .metaslider .flexslider .flex-direction-nav .flex-next {top: 380px;}
#content .designer-row .metaslider .flex-control-paging {top: 700px;height: 20px;}
@media (max-width: 1120px) {
	.designer-row .metaslider {height: 850px !important;}
    #content .designer-row .metaslider img.msDefaultImage {min-width: 1210px;margin-left: -605px;}
    .designer-wrapper {width: 430px;left: calc(50vw - 240px);top: 50px;}
    #content .designer-wrapper img {display: block;width: 430px;height: auto;}
    .designer-info-wrap {display: block;width: auto;height: auto;padding: 20px 10px 10px 15px;}
    #content .designer-info-wrap ul.text-list {margin-bottom: 10px;}
    #content .designer-row .metaslider .flexslider .flex-direction-nav .flex-prev,
    #content .designer-row .metaslider .flexslider .flex-direction-nav .flex-next {top: 410px;}
    #content .designer-row .metaslider .flex-control-paging {display: none;}
}
@media (max-width: 590px) {
	.designer-row .metaslider {height: 810px !important;}
    .designer-wrapper {width: auto; margin: 0 30px 0;top: 60px;left: unset;}
    #content .designer-wrapper img {display: block;width: 100%;height: auto;}
    .designer-info-wrap {display: block;width: auto;height: auto;padding: 20px 10px 10px 15px;}
    #content .designer-info-wrap ul.text-list {margin-bottom: 5px;}
    #content .designer-row .metaslider .flexslider .flex-direction-nav .flex-prev {left: 4px;}
    #content .designer-row .metaslider .flexslider .flex-direction-nav .flex-next {right: 4px;}
    #content .designer-row .metaslider .flex-control-paging {display: none;}
	.designer-wrapper h3 {font-size: 22px;}
	.designer-wrapper .designer-position {font-size: 16px;}
	.designer-info-wrap li, .designer-info-wrap p {font-size: 14px;}
}
.wc-gallery .gallery-icon {padding: 3px;}
.wc-gallery .gallery.gallery-masonry .gallery-item {margin-bottom: 0px;}

/*design ideas*/
.blog-feed-header {
	background-image: url('https://www.skylinewindowcoverings.com/wp-content/uploads/2024/12/design-ideas-blog-skyline-window-coverings.jpg');
	padding: 190px 30px;
	width: calc(100vw - 70px);
	left: 0;
	position: absolute;
	background-position: center center;
    background-size: cover;
	z-index: 5;
}
#content .blog-feed-page .generate-columns-container {padding-top: 740px;}
@media (max-width: 850px) {#content .blog-feed-page .generate-columns-container {padding-top: 700px;}}
@media (max-width: 400px) {#content .blog-feed-page .generate-columns-container {padding-top: 750px;}.blog-feed-header {width: calc(100vw - 60px);}}
.generate-columns .inside-article {background-color: #ca9d5a;margin: 40px;padding: 0px;}
.generate-columns .post-image {background-color: #ffffff; line-height: 0;}
.generate-columns .post-image a {padding:0px;line-height: 0;}
.entry-header, .entry-summary {padding: 0 40px;}
.entry-header a, .entry-summary {color: #ffffff;}
.entry-header a:hover, .entry-header a:visited {color: #ffffff;}
.entry-summary {margin-top: 20px;}
.entry-summary p {margin-bottom: 15px;}
.generate-columns-container .entry-header h2.entry-title {font-size: 26px; padding: 0 40px;}
#content .read-more {background-color: transparent; margin-bottom: 30px;}
nav#nav-below {text-align: center;}
nav#nav-below .page-numbers {font-family: 'Rufina', serif;font-size: 18px; vertical-align: bottom; margin: 0 3px;}
nav#nav-below .page-numbers.prev, nav#nav-below .page-numbers.next {font-size: 16px;}
nav#nav-below span.page-numbers {padding: 10px 10px 0px;display: inline-block;}
nav#nav-below span.page-numbers.dots {color: #a7a7a7;}

/*blog posts*/
article.type-post {max-width: 980px; margin: 60px auto 0;}
article.type-post h1.entry-title {display: block;}
.inside-article footer.entry-meta {margin: 10px 0 0 0;}
.inside-article .cat-links a, .inside-article #nav-below a {font-size: 14px; line-height: 1.9; font-weight: 400;}
.inside-article p span, .inside-article {font-weight: 300 !important;}
.inside-article .entry-header {padding: 0;}
article .entry-meta .cat-links {display: none;}
article .entry-meta {vertical-align: middle;}
article .nav-previous, article .nav-next {display: inline-block;margin: 0 15px 0;}
article #nav-below a, article #nav-below a {font-size: 16px !important;font-weight: bold !important;}
.nav-previous .prev:before, .nav-next .next:before {display: none;}
.nav-previous a:before {content: "←"; margin-right: 10px;}
.nav-next a:before {content: "→"; float: right; margin-left: 10px}
@media (max-width: 500px) {.nav-next a:before {content: "→"; float: none; margin-right: 10px; margin-left: 0px;}}
#main .post .inside-article .featured-image {float: none; display: block;}

/*fabric zoom*/

.fabric-swatch-row .wpb_raw_html {margin-bottom: 10px;}
.fabric-swatch-row {z-index: 9; position: relative;}
.fabric-modal {
    display: none;
    position: fixed;
    z-index: 8888;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.1);
}
/**.modal-content {
    background-color: #ffffff;
    margin: calc(50vh - 195px) auto;
    padding: 3px;
    border-radius: 50%;
    width: 100%;
    max-width: 500px;
    height: 500px;
}**/
.modal-content {
	background-image: url(https://www.skylinewindowcoverings.com/wp-content/uploads/2024/10/white-close-button.png);
	background-position: 98% 2%;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	margin: calc(50vh - 195px) auto;
	width: 100%;
	max-width: 500px;
	max-height: 500px;
	padding: 0px;}
.modal-content .contact-form {
    background-color: white;
    border-radius: 50%;
    width: inherit;
    height: inherit;
    padding: 3px;
	line-height: 0px;
}
/**end new css**/
.modal-content img {border-radius: 50%;/* width: 100%; *//* height: 100%; */}
.fabric-close {
	color: rgba(255,255,255,0) !important;
	font-size: 32px;
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0px;
}
.fabric-close:hover, .fabric-close:focus {text-decoration: none; cursor: pointer;}
.fabric-modal-link img {border-radius: 50%;
-webkit-transition: opacity .3s ease-in-out 0s;
    -moz-transition: opacity .3s ease-in-out 0s;
    -ms-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;}
.fabric-modal-link img:hover {opacity: .8; cursor: pointer;}
@media (max-width: 560px) {
	div.modal-content {
    margin: calc(50vh - 40vw + 52px) auto;
    max-width: 80vw;
    max-height: 80vw;
}}
@media (max-width: 500px) {div.modal-content {margin: calc(50vh - 40vw) auto;}}

/*triple column styles*/

.triple-column-row {padding: 0 15px; margin: 80px 0 30px; text-align: center;}
div.triple-column-row .circle-img {text-align: center;}
.triple-column-row .vc_col-sm-4 {max-width: 600px; margin: 0px auto 50px;}
div.triple-column-row img {width: 100%; max-width: 300px; height: auto; margin-left: auto; margin-right: auto;}
@media (min-width: 1020px) {.triple-column-row .vc_col-sm-4 {padding: 0 30px;}}
@media (max-width: 1019px) {.triple-column-row .vc_col-sm-4 {float: none; width: 100%;}}

/*slider column row*/

div.slider-column-intro {
    margin: 20px auto 60px;
    padding: 0 30px;
    width: calc(100% - 60px) !important;
    max-width: 860px;
}
div.slider-column-row .wpb_text_column {margin-bottom: 0px;}
.link-overlay.gold-label {
    color: #ffffff;
    bottom: unset;
    right: 1px;
    top: 1px;
    font-family: 'rufina', serif;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 10px 30px 15px 30px;
    width: auto;}
#content .slider-column-row .metaslider .caption-wrap {font-size: 14px; font-weight: 400;}
@media (max-width: 1060px) and (min-width: 768px) {
	.slider-column-row .metaslider ul.slides li {overflow-x: hidden;}
	.slider-column-row .metaslider ul.slides li img {max-height: 400px; height: 100%; width: auto;}
}
@media (max-width: 1000px) and (min-width: 768px) {
    .link-overlay.gold-label {font-size: 16px; padding: 8px 25px 8px 28px;}
}
@media (max-width: 767px) and (min-width: 450px) {
	.slider-column-row .metaslider ul.slides li {overflow-y: hidden; max-height: 500px !important;}
	.slider-column-row .metaslider ul.slides li img {width: 100%; height: auto;}
	.slider-column-row .bottom-aligned-slider .metaslider ul.slides li {overflow-y: hidden; position: relative !important; max-height: 500px; height: 500px;}
	.slider-column-row .bottom-aligned-slider .metaslider ul.slides li img {width: 100%; height: auto; position: absolute; bottom: 0px;}
}
@media (max-width: 450px) {
    .link-overlay.gold-label {font-size: 16px; padding: 8px 25px 8px 28px;}
}

/**media double row styles**/

.media-double-row {display: flex; z-index: 2; margin-bottom: 60px;}
.media-double-row>.wpb_column {float: none;}
div.media-double-row .media-bg {background-position: center; background-size: cover;}
.media-text h4, .media-text p {color: #4f4f4f; letter-spacing: 1.5px; font-family: 'Rufina', serif; margin-bottom: 20px; padding-bottom: 10px;}
.media-double-row .media-text {padding: 50px 70px;}
@media (max-width: 1440px) {.media-double-row .media-text {padding: 30px 60px;} }
@media (max-width: 950px) {.media-double-row>.wpb_column {width: 50%;}}
@media (max-width: 767px) {
    .media-double-row {display: block;}
    .media-double-row>.wpb_column {width: 100%; display: block;}
    .media-double-row .media-bg {height: 300px;}
}
@media (max-width: 500px) {.media-double-row .media-text {padding: 20px 40px;}}
/*automation section specific*/
div.media-double-row .video-bg {overflow: hidden; position: relative;}
.media-video {position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; /*z-index: -1;*/ transform: translateY(-50%) translateX(-50%);}
.media-text img {width: 45px; height: auto; display: inline-block; margin-right: 10px; vertical-align: top;}
.media-text .text-with-icon {display: inline-block; width: calc(100% - 60px); padding-bottom: 0px; letter-spacing: 1px;}
.video-double .media-text .swc-button {margin-top: 15px; margin-bottom: 10px;}
@media (max-width: 1050px) {.media-double-row.video-double>.wpb_column {width: 50%;}}
@media (max-width: 840px) {
    .media-double-row.video-double {display: block;}
    .media-double-row.video-double>.wpb_column {width: 100%; display: block;}
    .media-double-row .video-bg {height: 400px;}
}
/*double button styles*/
@media (min-width: 1306px) {.swc-button.media-double-button {min-width: 130px; margin-right: 20px;}}
@media (max-width: 1305px) and (min-width: 841px) {#content a.swc-button.media-double-button {width: calc(100% - 40px)}}
@media (max-width: 840px) and (min-width: 561px) {.swc-button.media-double-button {min-width: 150px; width: auto; margin-right: 20px;}}
@media (max-width: 560px) {.swc-button.media-double-button {width: calc(100% - 40px)}}

/**birdeye chatbox**/

@media(pointer: fine) {#bf-revz-widget-3612185081 {display: none;}}

/*popup form styles*/

/*old*/
.swc-popup h1 {color: #423e3f; font-size: 30px;font-weight: 500;line-height: 40px;margin-bottom: 15px !important;}
.swc-popup h3 {font-size: 16px;color: #504d4e;font-family: 'roboto', sans-serif;letter-spacing: 1px;font-weight: 300;}
@media (max-width: 600px) {.swc-popup h1 {font-size: 26px; line-height: 36px;}}
/*new*/
.swc-popup span.title {
    color: #423e3f;
    font-size: 30px;
    font-family: 'rufina', serif;
    font-weight: 500;
    line-height: 40px;
    line-height: 40px;
	letter-spacing: 2px;}
@media (max-width: 600px) {.swc-popup span.title {font-size: 26px; line-height: 36px;}}
.swc-popup p {font-size: 16px;color: #504d4e;font-family: 'roboto', sans-serif;letter-spacing: 1px;font-weight: 300; margin-top: 15px; line-height: 26px;}
.swc-popup .popup-disclaimer {display: inline-block;color: grey;font-size: 12px;margin-bottom: 10px; font-weight: 400;}
div.wpforms-container-full {margin-bottom: 6px !important;}
.swc-popup .spu-container {padding: 30px 40px 0px !important;}
.popup-form label {
	font-family: 'rufina', serif; 
	letter-spacing: 1.5px !important; 
	font-size: 14px !important; 
	color: #4f4f4f;}
div.popup-form input {
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	border-bottom: 2px solid #d4d2cc !important;
	background: transparent !important;
	outline: none;
	font-family: 'rufina', serif !important;
	color: #ca9d5a !important;
	font-size: 16px;
	letter-spacing: 1.5px  !important;
	margin-bottom: 20px;
	padding: 14px 0;
	width: 98% !important;
	max-width: 100% !important;
	border-radius: 0 !important;
}
::-webkit-input-placeholder {color: #b4b3ae;}
:-moz-placeholder {color: #b4b3ae;}
::-moz-placeholder {color: #b4b3ae;}
:-ms-input-placeholder {color: #b4b3ae;}
.popup-form input:active, .popup-form input:focus {
	border-bottom: 2px solid #ca9d5a !important;
	color: #2c2e3d;
	background: transparent !important;
}
.popup-form button {
    display: inline-block;
    font-family: 'rufina', sans-serif !important;
    font-weight: 600;
    font-size: 18px !important;
    color: #ffffff !important;
    padding: 10px 30px 14px !important;
    border: 0px !important;
    letter-spacing: 1px !important;
	background: #ca9d5a !important;
	margin: 10px 0 !important;
	-webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.popup-form button:hover, .popup-form button:active {background-color: #ca9d5ac4 !important;}


/*  SHOPIFY  OFF  *


.cart-container, .sample-pack-row, .sample-pack-intro, .desktop-cart-container, .mobile-cart-container, #menu-menu-home-1 .menu-item-20388, #shopwp-root {display: none !important;} */


/*  SHOPIFY  ON  */

/*header*/
.cart-container .wps-cart-counter {
	top: -8px;
	right: -8px;
	font-size: 11px;
	width: 20px;
	height: 20px;
	background: #ca9d5a;
}
.cart-container .wps-icon-cart {width: 25px; height: 25px;}
.mobile-cart-container, .wps-quantity-container {display: none;}
.desktop-locations-link {padding-left: 18px;}
@media (min-width: 1351px) {.desktop-cart-container {padding-left: 20px;;}}
.desktop-cart-container {display: inline-block;}
.cart-container svg {opacity: .8;}
.cart-container svg, span.wps-cart-lineitem-remove {
	-webkit-transition: opacity .3s ease-in-out 0s;
	-moz-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;}
.cart-container svg:hover {opacity: 1; cursor: pointer;}
@media (max-width: 1039px) {.mobile-cart-container {display: inline-block; padding-left: 11px;}}
/*nav cart icon*/
@media (min-width: 1040px) {#menu-item-20388 {display: none;}}
.menu-item-20388 {margin-top: 15px;}
.menu-item .swp-cart-counter {background: #ffffff; width: 20px; height: 20px; right: -9px; top: -9px;}
.menu-item .swp-icon-cart {-webkit-transition: opacity .3s ease-in-out 0s;
    -moz-transition: opacity .3s ease-in-out 0s;
    -ms-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s;}
.menu-item .swp-icon-cart g, .menu-item .swp-icon-cart path {fill: #ffffff}
.menu-item .swp-cart-counter-text {color: #ca9d5a;}

/*page level*/
.link-swatch {width: 30px; height: auto; margin-right: 10px; vertical-align: top;}
#samples {margin-top: -180px; padding-top: 180px;} /*including top bar*/
h4.sample-description {color: #4f4f4f; letter-spacing: 1.5px; padding-bottom: 30px;}
.sample-pack-row {text-align: center;}
.sample-pack-row .vc_row {margin-bottom: 100px;}
.sample-pack-row h3 {font-size: 21px; line-height: 30px; color: #4f4f4f; margin-bottom: 10px;}
h4.sample-price {font-size: 20px; margin-bottom: 10px;}
.sample-pack-row div.wps-item {width: 200px; margin: 10px auto 0;}
.sample-pack-row button.wps-btn, .wps-product-single button.wps-btn, .wps-item button.wps-btn, div.wps-btn-next-page {
	background-color: #ca9d5a;
    border-radius: 0;
    width: inherit;
    margin: 0 auto;
    font-family: 'Rufina', serif;
    font-weight: bold;
	letter-spacing: 1px;}
.sample-pack-row button.wps-btn, 
.wps-product-single button.wps-btn, 
button.wps-btn-checkout,  
.wps-item button.wps-btn,
div.wps-btn-next-page {
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}
.sample-pack-row button.wps-btn:hover, 
.wps-product-single button.wps-btn:hover, 
button.wps-btn-checkout:hover,
.wps-item button.wps-btn:hover,
div.wps-btn-next-page:hover,
.sample-pack-row button.wps-btn:focus, 
.wps-product-single button.wps-btn:focus, 
button.wps-btn-checkout:focus,
.wps-item button.wps-btn:focus,
div.wps-btn-next-page:focus {background-color: #ca9d5ad1; color: #ffffff; opacity: 1;}
div.sample-pack-row img {width: 100%; max-width: 320px; height: auto;}
.wps-item.css-mt6n8m-ProductWrapperCSS {max-width: 260px; margin: 0 auto;}
@media (max-width: 1120px) {.sample-pack-row .vc_col-sm-3 {width: 50%; display: inline-block; margin-bottom: 50px;}}
@media (max-width: 800px) {div.css-1gy65ol-AddButtonWrapperCSS {flex-direction: row;}}
@media (max-width: 570px) {.sample-pack-row .vc_col-sm-3 {width: 100%; display: block;}}

/*cart*/
h2.wps-cart-title {font-weight: bold;}
.css-1i7m9js-CartContentsCSS svg {display: none;}
.wps-cart-lineitem-title-wrapper>div {margin-right: 80px;}
span.wps-cart-lineitem-remove {
	font-family: 'rufina', serif; 
	font-weight: bold; 
	color: #ca9d5a; 
	font-size: 13px; 
	padding-right:10px;
}
.wps-cart-lineitem-price {padding-right: 10px;}
span.wps-cart-lineitem-title-content {font-weight: 400;}
span.wps-cart-lineitem-title-content:hover {text-decoration: none;}
p.wps-total-prefix {font-family: 'Rufina', serif; font-size: 18px; letter-spacing: 1px;}
a.wps-btn-checkout {font-family: ‘rufina’, serif; border-radius: 0px; letter-spacing: 1px; color: #ffffff;}
.swp-cart-container .swp-lineitem-pricing {display: none;}
@media (max-width: 1039px) {
	.desktop-cart-container {display: none;}
	.cart-container .swp-icon-cart {width: 22px; height: 22px; margin-bottom: 7px;}
	.cart-container .swp-cart-counter {top: -5px; right: -5px; font-size: 10px; width: 16px; height: 16px;}
}
@media (max-width: 500px) {.mobile-cart-container {display: none;}}
@media (max-width: 365px) {.mobile-contact-link {display: none;}}
@media (max-width: 345px) {.locations-link {display: none;}}

/*listing pages*/
.wps-product-single {padding: 60px 0;}
.single-wps_products .wps-product-single .wps-product-image-wrapper .wps-product-image {
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}
.wps-product-single-content #product_title h1 {
	font-family: 'Rufina', serif;
	letter-spacing: 2px;
	color: #423e3f;
	font-size: 39px;
}
.wps-products-link h2.wps-products-title {
	font-family: 'Rufina', serif;
	letter-spacing: 2px;
	color: #423e3f;
	font-size: 22px;
}
.wps-product-single .wps-product-individual-price, 
.wps-item .wps-product-individual-price {
	color: #ca9d5a;
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 2px;
	font-weight: 400;
	padding-top: 15px;
}
.wps-product-single .wps-component-products-description {
	font-family: 'roboto', sans-serif;
	font-size: 16px;
	letter-spacing: .5px;
	color: #504d4e;
	font-weight: 300;
	line-height: 1.9;
	padding-bottom: 20px;
}
.wps-product-single button.wps-btn, .wps-item button.wps-btn {margin: 0;}
@media (max-width: 600px) {
	.wps-product-single #product_gallery .wps-product-image {margin: 40px 0;}
	.single-wps_products .wps-container {padding: 0px;}
	.wps-product-single {padding: 0 30px;}
	.wps-product-single button.wps-btn {margin-bottom: 40px;}
}
section.wps-items {gap: 80px;}
.wps-products-link h2.wps-products-title, .wps-component-products-buy-button {text-align: center;}
.wps-item .wps-products-price {margin: 0 auto;}
@media (max-width: 600px) {div.wps-item {margin: 0 auto;}}
.lb-container {max-width: 500px; height: auto !important; margin: 0 auto;}
.lightbox .lb-image {max-height: 500px !important;}


/**top bar announcement**/

/*.top-bar {display: none;}*/

.top-bar {
    background-color: #231f20;
    color: #ca9d5a;
    position: fixed;
    z-index: 100;
    width: 100%;
    padding: 2px 6px 0;
    text-align: center;
}
.site-header {top: 50px;}
ul#menu-menu-home>li>ul {top: 155px;height: calc(100% - 150px);}
.homeslide-wrapper {height: calc(100vh - 155px);}
.elevate-overlay {top: calc(50vh - 275px);}
.hd-attribution {top: calc(50vh + 205px);}
.container.grid-container {padding-top: 155px;}
.inside-top-bar {padding: 7px 10px 3px;}
.top-bar-text .swc-link, 
.top-bar-text .swc-link:hover {color: #ca9d5a; padding: 0px 8px 0px;}
.top-bar-text .swc-link img {width: 19px; height: 19px; vertical-align: text-top; margin-left: 8px;}
.header-phone-menu ul {top: 155px;height: calc(100% - 155px);}
@media (max-width: 1039px) {
	.top-bar-text .swc-link img {width: 18px; height: 18px;}
	.top-bar {height: 44px; padding: 0 6px;} 
	.top-bar-text .swc-link {font-size: 14px;}
	.site-header {top: 44px;}
	.homeslide-wrapper {height: calc(100vh - 118px);}
	.elevate-overlay {top: calc(50vh - 221px);}
	.hd-attribution {top: calc(50vh + 221px);}
	.container.grid-container {padding-top: 118px;}
	.header-phone-menu ul {top: 119px; height: calc(100% - 100px);}
	/*nav.slideout-navigation.do-overlay .slideout-exit {padding-top: 70px;}*/
}
@media (max-width: 850px) {.elevate-overlay {top: calc(50vh - 210px);} .top-bar-text .swc-link {font-size: 11px; line-height: 28px;} .top-bar-text .swc-link img {width: 16px; height: 16px; margin-left: 4px;}}
@media (max-width: 605px) {.elevate-overlay {top: calc(50vh - 180px);}}
@media (max-width: 360px) {.top-bar-text .swc-link {line-height: 15px;}}

/**end top bar announcement**/

/**mailchimp sign up form**/

#mc_embed_signup_scroll {
    max-width: 690px;
    padding: 15px;
    margin: 0 auto
}
#mc_embed_signup_scroll h2 {
    color: #231f20;
    font-family: rufina,serif;
    font-weight: 200;
    letter-spacing: 2px!important;
    font-size: 19px;
    opacity: 1
}
.indicates-required,.mc-field-group label {
    display: none
}
#mc_embed_signup_scroll input.email {
    border: none;
    border-bottom: 2px solid rgb(220 220 220/90%)!important;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    font-family: roboto,serif;
    font-weight: 500;
    text-align: center;
    width: 100%;
    letter-spacing: 1px;
    color: #ca9d5a;
    font-size: 15px;
    margin-bottom: 30px;
}
#mc_embed_signup_scroll input.email:focus {
    outline: none;
    border-bottom: 2px solid #ca9d5a!important
}
span.location-label {
	font-size: 14px; 
	font-family: "roboto", sans-serif; 
	color: rgb(175 175 175); 
	display:block; 
	margin-bottom: 10px; 
	letter-spacing: .5px; 
	font-weight: 400;
}
#mc_embed_signup_scroll select {
	border: 2px solid rgb(220 220 220/90%)!important;
	background-color: transparent;
	font-weight: 500;
	text-align: center;
	padding-right: 35px;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	background-position: 95% 50%;
	background-image: url('https://www.skylinewindowcoverings.com/wp-content/uploads/2023/07/select-arrow.png');
	background-size: 20px 20px;
	background-repeat: no-repeat;
}
#mc_embed_signup_scroll input.button {
    background-color: #ca9d5a!important;
    border: none!important;
    color: #fff!important;
    font-family: rufina,serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    width: auto;
    border-radius: 0;
    margin: 30px auto 0;
    padding: 16px 40px 20px
}
#mc_embed_signup_scroll input.email,#mc_embed_signup_scroll input.button {
    -webkit-transition: opacity .3s ease-in-out 0s;
    -moz-transition: opacity .3s ease-in-out 0s;
    -ms-transition: opacity .3s ease-in-out 0s;
    -o-transition: opacity .3s ease-in-out 0s;
    transition: opacity .3s ease-in-out 0s
}
#mc_embed_signup_scroll input.button:hover {
    opacity: .9
}

/*review row*/

.reviews-row {background-color: #f2f1ee; padding-top: 20px; padding-bottom: 30px;}
.reviews-row .vc_col-sm-12 {padding-left: 80px; padding-right: 80px;}
.review-state-wrap>.wpb_wrapper {display: flex;flex-wrap: wrap;}
.review-row-state {width: 20%}
.reviews-row h3 {
	font-family: 'petit formal script', cursive; 
	letter-spacing: 0px; 
	font-size: 20px; 
	color: #423e3f;
}
.reviews-row h3 img {
	width: 30px; 
	height: auto; 
	opacity: .25; 
	vertical-align: middle; 
	margin-right: 10px;}
.reviews-row .swc-link {padding-top: 3px;}
@media (max-width: 1250px) {.review-row-state {width: 33%; margin-bottom: 30px;}}
@media (max-width: 900px) {.review-row-state {width: 50%;}}
@media (max-width: 600px) {.reviews-row .vc_col-sm-12 {padding-left: 40px; padding-right: 40px;}}
@media (max-width: 550px) {
	.review-row-state {width: 100%; max-width: 300px; margin: 0 auto 15px;}
	.reviews-row .swc-link {padding-bottom: 0px; padding-top: 0px;}
}


/** FORM PER PAGE STYLES **/

/*slide-toggle for page forms*/
.slide-down{width: 100%; max-width: 1000px; margin: 0 auto; padding-top: 100px;}
.toggle-heading{cursor: pointer;}
.toggle-content { overflow: hidden; height: 0; transition: height 0.5s;}

/*toggle links*/
.toggle-heading.inline {display: inline;}
.toggle-heading .swc-link, .toggle-heading.swc-link {color: #ca9d5a;}
.toggle-heading .swc-button, .swc-button.toggle-heading,
.toggle-heading .swc-outline-button{
    font-family: 'Rufina', serif;
    text-align: center;
    font-weight: bold;
	display: inline-block;
    letter-spacing: 1px;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.toggle-heading .swc-button, .swc-button.toggle-heading {
 	background-color: #ca9d5a;
	min-width: 200px;
    color: #ffffff;
	font-size: 17px;
	padding: 14px;
}
.toggle-heading .swc-button:hover {color: #ffffff;background-color: #ca9d5ae0;}
.toggle-heading .swc-outline-button {
 	background-color: transparent;
    color: #ca9d5a;
    border: 2px solid #ca9d5a;
	font-size: 16px;
	padding: 14px 22px;
	margin-top: 8px;
}
.toggle-heading .swc-outline-button:hover {color: #ffffff;background-color: #ca9d5a;}

/*wufoo page form styles*/
.form-center .page-form {max-width: 600px; margin: 20px auto 0;}
.page-form {margin-top: 20px;}
.page-form input:not(.submit):not(.file), .page-form textarea {
	background-color: transparent; 
	border: none; 
	border-bottom: 2px solid rgb(220 220 220 / 90%);}
#content .page-form input, .page-form fieldset label, .page-form textarea {
	font-family: 'Rufina', serif; 
	color: #504d4e; 
	font-size: 17px; 
	letter-spacing: 1px;}
::-webkit-input-placeholder {color: #ca9d5a;}
:-moz-placeholder {color: #ca9d5a;}
::-moz-placeholder {color: #ca9d5a;}
:-ms-input-placeholder {color: #ca9d5a;}
.page-form input {width: 100%; margin: 0px;}
.page-form input, .page-form textarea {
	margin-bottom: 8px; 
	padding: 15px 12px;}
.page-form input.text:focus, .page-form textarea:focus,
.page-form input.text:active, .page-form textarea:active {
	border-bottom: 2px solid #ca9d5a; 
    color: #504d4e;
    outline: none;
}
.page-form textarea {margin-bottom: 20px; padding: 10px 15px !important; min-height: 100px;}
.page-form input#saveForm {display: block; width: 100%; background-color: #ca9d5a; color: #ffffff; padding: 18px; border-radius: 0; font-weight: bold;
	-webkit-transition: opacity .3s ease-in-out 0s;
	-moz-transition: opacity .3s ease-in-out 0s;
	-ms-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;}
.page-form input#saveForm:hover {opacity: .9;}

/*chat icon*/

#chat-cta {
	background-color: transparent !important;
	color: transparent !important;
	background-image: url("https://www.skylinewindowcoverings.com/wp-content/uploads/2024/07/chat-with-an-expert-icon-gold.png") !important;
	background-position: center center !important;
	background-size: 56px 48px !important;
	background-repeat: no-repeat !important;
	-webkit-text-fill-color: transparent !important;
	font-size: 5px !important;
	box-shadow: none !important;
	width: 56px;
	height: 48px;
	padding: 5px !important;
}

/*product landing page image code*/

.landing-product .circle-img {max-width: 400px; height: auto; margin-left: auto; margin-right: auto;}
@media (max-width: 767px) {#content .landing-product .wpb_column {max-width: 580px; margin-left: auto; margin-right: auto;}}

/*comparison table*/

.comparison-table {overflow-x: scroll;}
.comparison-table, .comparison-table th, .comparison-table td {border: 1px solid #f2f1ee}
.comparison-table tr:hover {background-color: #f2f1ee;}
.comparison-table th {font-family: 'rufina', serif; color: #ca9d5a; letter-spacing: 1px; font-size: 15px;}
.comparison-table td {font-family: 'roboto', sans-serif; font-weight: 400; font-size: 14px;}

/*schema row spacing*/

#content .schema-row .vc_col-sm-12 {min-height: 0px;}
#content .schema-row .vc_column-inner {padding-top: 0px;}
#content .schema-row .wpb_raw_html {margin-bottom: 0px;}