/*
Theme Name:         Salon Iris
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        Our salon software takes care of all the hard work for you. Start growing your business today. 
Version:            2.10.4
Author:             Nick Petersen
Author URI:         http://www.advance360.com

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */
/* .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
  display: inline-block !important;
  right: 5px!important;
}   */



html{
	overflow-x: hidden !important;
}
.ult_modal-body img {
    margin-right: 1em !important;
}

.start-here h3{
	height: 200px !important;
	width: 200px !important;
}
body .top-bar .menu .free-button a:hover, body.page-template-default .top-bar .menu .free-button a:hover{
background: #c9a200 !important;
color: #000 !Important;
}
.free-button a{
    background: #c9a200;
    color: #fff !important;
    border-radius: 25px;
    display: block;
    padding: 1em;
	margin-left: 1em;
	border:solid 1px transparent;
}
.free-button a:hover{
	background: #c9a200 !important;
    border:solid 1px transparent;
    color: #000 !important;
    border-radius: 25px;
    display: block ;
    padding: 1em;
	margin-left: 1em;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body.single-post .page-content a{
	color: #c9a200 !important;
}
#free1, #free2, #free3{
    cursor: pointer;
}
.account-nav::before {
    content: '\f007';
    color: #48434c!important;
    font-size: 11px!important;
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    top: 1.1em;
}

body.archive .account-nav::before, body.page-template-default .account-nav::before, body.single .account-nav::before{
	color: #fff !important;
}
#windows-features-title-row .main-title {
    background-color: #cca70e !important;
}
#windows-features-title-row #professional .main-title {
    background-color: #cca70e !important;
	background-image: url(/wp-content/uploads/2018/05/Most-Popular.png) !important;
}
.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
	color: #fff!important;}

.footer .content a{
	color: #fff !important;
}
.pt-cv-wrapper .btn-success, .pt-cv-wrapper .btn-danger {
    color: #c9a200 !important;
    background-color: transparent !important;
    border: 1px solid #c9a200 !important;
    background: transparent !important;
}
.pt-cv-wrapper .btn-success:hover, .pt-cv-wrapper .btn-danger:hover {
    color: #fff !important;
    background-color: #c9a200 !important;
    border: 1px solid #c9a200 !important;
    background: #c9a200 !important;
}
.vc_btn3.vc_btn3-size-md {
    background-image: none !important;
}
body.single {
    background-size: contain !important;
}
ul#menu-sub-footer-menu a{
    background: none !Important;
}
.badges a img {
    margin-top: 1em;
}
.with_frm_style {
    background: transparent !important;
}

.off-canvas>ul.menu a:hover, .off-canvas>ul.menu a:active {
    color: #cca70e;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a:hover:after{
  display: block !important;
  right: 5px !important;
  border: inset 1px !important;
	left: 0px !important;
	width: 100% !important;
	color: #000;
}
input[type="submit"] {
	background-color: #cca70e !important;}
/* body.page-template-default .dropdown.menu > li.is-dropdown-submenu-parent > a::after{
  display: inline-block !important;
  right: 5px!important;
	border-color: #fff transparent transparent !important;
}  
body.page-template-default .dropdown.menu > li.is-dropdown-submenu-parent > a:hover:after{
  display: block !important;
  right: 5px !important;
  border: inset 1px !important;
	left: 0px !important;
	width: 100% !important;
	color: #fff;
} */
.top-bar .menu a:hover:not(.button):after {
    content: "";
}
.get-started {
    margin-top: -0px !important;
}
@-moz-document url-prefix() {
	@media screen and (min-width: 1024px){
.start-here h3 {
    top: 100px !important;
    position: absolute;
}
	}
}
.row-w-borders {border: solid 1px #000; margin-top: 100px !important;padding: 40px !important;}
.post-headline{padding-bottom:50px;}
.menu-icon::after {
    height: 3px !important;
	box-shadow: 0 9px 0 #0a0a0a, 0 18px 0 #0a0a0a;
}
.l-submain {
    padding: 0px !important;
}
.menu-icon {
    width: 30px !important;
}
.search h1.entry-title {
    padding-top: 0px !important;
    padding-bottom: 50px !important;
    margin: 0px !important;
}
.grid-container {
    padding-right: 1em !important;
    padding-left: 1em !important;
}
@media screen and (max-width: 799px){
.post-headline {
    padding-top: 150px;
}
	.started {
    background: #48434c;
    color: #fff !important;
    height: 100px !important;
    width: 100px !important;
    border-radius: 150px;
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
    -webkit-justify-content: center; 
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9999;
    font-size: 2em;
    text-align: center !important;
    margin: auto !important;
}
	.started h3{
		font-size:16px !important;
		color: #fff !important;
	}
	.aio-icon-header h3.aio-icon-title {
    margin: 0;
    display: block;
    font-size: 16px !important;
	}
	.homeiconbox {
    background-color: #403c44;
    width: 40% !Important;
    height: 160px;
    padding: 1em;
    margin: auto;
    font-family: Montserrat,Arial,sans-serif;
    display: inline-block;
    color: #fff !important;
    border-radius: 5px;
    margin: auto;
    vertical-align: text-top;
    border: 1px solid #403c44;
	}
p.social-text {
    text-align: center !important;
}
ul#menu-sub-footer-menu {
    display: block !important;
    justify-content: center;
}
.modalimg {
    margin: auto;
    display:block;
}
h3{
    font-size: 1.5rem !important;
}
h5{
    font-size: 1.25rem !important;
}
	.entry-title {
    font-size: 18px !Important;
	padding: 100px 50px !important;
}
	.row-w-borders {
    margin-top: 50px !important;
    padding: 0px !important;
}
	.vc_btn3-container.vc_btn3-left, .vc_btn3-container.vc_btn3-right  {
    text-align: center !important;
}
	.footer a[href^="tel:"]{
		color: #c9a200 !important;
	}
	.slick-dots li{
		display: none !important;
	}
	.features{
		text-align: center !important;
	}
.start-here h3 {
    top: 0px !important;
    position: absolute !important;
    height: 100px !important;
    width: 100px !important;
    font-size: 18px !important;
	z-index: 1 !important;
}
}
@media screen and (min-width: 900px){
h1.entry-title {
    width: 600px !important;
    margin: auto !important;
}
	.top-bar .menu>li:not(.menu-text)>a {
    padding: 1rem 1rem !important;
}
ul#menu-main-menu {
    float: right !important;
}
.featured-hero {
    margin-top: -176px !important;
	}
ul#menu-sub-footer-menu {
    align-items: center;
    justify-content: center;
}
.cell.large-10.center {
    text-align: center;
    margin: auto;
    width: 1200px;
}
p.social-text {
    text-align: center !important;
}
body.page-template-default .sticky.is-stuck.is-at-top{top:0;background:rgba(72,67,76,.8);z-index:11}
body.archive .sticky.is-stuck.is-at-top,body.single .sticky.is-stuck.is-at-top{top:0;background:rgba(72,67,76,.8);z-index:11}
body.search .sticky.is-stuck.is-at-top,body.single .sticky.is-stuck.is-at-top{top:0;background:rgba(72,67,76,.8);z-index:11}
body.error404 .sticky.is-stuck.is-at-top,body.single .sticky.is-stuck.is-at-top{top:0;background:rgba(72,67,76,.8);z-index:11}
.featured-hero {
    background-size: contain !important;
    background-position: top center !important;
}
body.search .top-bar .menu a, body.single .top-bar .menu a{
    color: #fff;
}
body.error404 .top-bar .menu a, body.single .top-bar .menu a{
    color: #fff;
}
}
#breadcrumbs {
    width: 300px;
}
.backstretch{
	    position: fixed !important;
}
.w-pricing-item.type_featured .w-pricing-item-title {
    background-color: #cca70e !important;
}
.wpb_video_widget.vc_video-aspect-ratio-169 .wpb_video_wrapper {
    padding-top: 0px !important;
}
a.popup-with-form {
    text-align: center;
    display: block;
}
.pt-cv-ctf-value p {
    font-size: 12px;
}
#pt-cv-view-d0e02a6dty .pt-cv-readmore,  #pt-cv-view-d0e02a6dty .pt-cv-readmore {
    border: 1px solid #cca70e!important;
    border-radius: 20px!important;
    position: relative!important;
    background: 0 0!important;
    background-color: none !important;
}
.text-left.pt-cv-pagination-wrapper {
    text-align: center !important;
}
.g-html blockquote {
	border-left: none !important;
}
@media screen and (min-width: 1024px){
.start-here h3 {
    top: 0px !important;
    position: absolute;
}
.modalimg {
    float: left;
}
.request-info:hover{
    background-color: #cca70e!important;
    color: #000 !important;
    border: none !important;
    border-radius: 20px;
    box-sizing: border-box;
}
.request-info a:hover{
    color: #fff !important;
}
}
.w-pricing-item.type_featured .w-pricing-item-title {
    background-image: url(/wp-content/uploads/2018/05/Most-Popular.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.mfp-close-btn-in .mfp-close {
    height: 30px !important;
    width: 30px !important;
}
h3.ult_modal-title {
    font-size: 1.5em !important;
    font-weight: bold !important;
}
.close-button, .close-button.medium {
    left: 16px !important;
    color: #fff;
	width: 50px !important;
}
.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 2em !important;
}
a.social-item {
    color: #e5e2ea !important;
}
.footer .fa{
	font-size: 1.5em !important;
}
h2 a {
    color: #fff !important;
}
.footer-menu a {
    color: #faf9fa !important;
 
}
#gform_fields_1 input[type=text] {
    color: #fff !important;
}
.ultsl-record:before {
    content: "\e60a";
    background-color: rgba(255,255,255, 1) !important;

}
.slick-dots li{
	-webkit-appearance: none !important;
border-radius: 0 !important;
}
.fa-mobile-phone:before, .fa-mobile:before {
    font-size: 48px !important;
}
body.page-template-default .dropdown.menu .is-active>a {
    color: #cca70e !important;
}
body.page-template-default .top-bar .menu a:hover{
	color: #cca70e !important;

}
.top-bar .menu a:hover:not(.button){
	color: #cca70e !important;

}
body .top-bar .menu .request-info a:hover {
    color: #000 !important;
}
li.request-info a:hover{
	color: #000 !important;
}
body.error404 h1.entry-title{
	width: 100% !important;
}
body.error404 footer:before{
	display: none !important;
}

/* #menu-item-13598 {	border-style: solid;
    border-width: 1px;
    border-radius: 20px;
    border-color: #cca70e;
    background-color: #cca70e;
    margin-left: 10px!important;
    
}

.menu-item-13598:hover{
    background-color: #000!important;
    color: #000 !important;
    border: none !important;
    border-radius: 20px;
    box-sizing: border-box;
}

.menu-item-13598:hover{
    background-color: #000!important;
    color: #000 !important;
    border: none !important;
    border-radius: 20px;
    box-sizing: border-box;
}

.menu-item-13581 a:hover{
color: #000 !important;
}

li.menu-item-13581 a:hover{
color: #000 !important; } */
@media screen and (min-width: 800px){
.page-content {
    margin-top: -200px;
}}
body.single {
    height: auto !important;
}
body, html{
    overflow-x: hidden !important;
    position: relative !important;
}