/*
=============================================== HEADER DEFAULT STYLES ===============================================
*/
header#masthead-progression-studios {
    background:#ffffff;
    position:relative;
    z-index:105;
    width:100%;
	box-shadow: 0px 0px 35px rgba(0,0,0, 0.25);
}

#logo-progression-studios {
    padding:33px 0px;
    float:left;
}

nav#site-navigation-progression-studios {
    float:right;
    position:relative;
    z-index:3;
    width:calc(100% - 185px);
    display:flex;
    justify-content: flex-end;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu ul.too_narrow_fix {
	left: auto !important;
	right:100% !important;
    margin-right:30px;
}

/*** DEFAULT NAVIGATION SKIN ***/
.sf-menu ul{min-width:8.5em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;}.sf-menu li{white-space:nowrap}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff} .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover { background:none;}

/* NEW THEME SKIN */
nav#site-navigation-progression-studios {
    padding-top:42px;
}
.sf-menu a {
	line-height:1;
	color:#868996;
	font-size:19px;
	padding:40px 18px;
	margin-top:-42px;
	padding-top:42px;
    text-transform:uppercase;
	font-family: 'Teko', sans-serif;
    font-weight:400;
}

.sf-menu i.boosted-elements-fa-icon-custom {
    margin-right:2px;
    font-size:13px;
}

.sf-arrows .sf-with-ul {
	padding-right: 32px; /* Default Padding/left/right 18px */
}

.sf-arrows .sf-with-ul:after {
     right:28px;
}

.sf-menu a:before {
	z-index:-1;
	content:"";
	display:block;
	position:absolute;
	left:50%;
	margin-top:19px;
	height:2px;
	background:rgba(255,255,255, 0);
	opacity:0;
	width: 0px;
	margin-left:0px;
}

.sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before {
	opacity:0;
	background:#f6a235;
	width:0%;
    left:0px;
    margin-left:18px;
    width: calc(100% - 36px);
}

.sf-menu li li a:before {
	display:none;
}

.sf-menu li:last-child a {
	border-width:1px;
}

.sf-menu ul li:last-child a {
	border-right:none;
}

.sf-menu ul a {
	border-left:none;
}

.sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a {
	color:#22273a;
	background:none;
}

.sf-menu ul {
    background: #f2f3f6;
	box-shadow:1px 1px 15px rgba(0,0,0, 0.06);
	-webkit-font-smoothing:subpixel-antialiased;
}

.sf-menu ul:after {
    content:'';
    position:absolute;
    display:block;
    opacity:1;
    left:18px;
    top:-6px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:6px solid rgba(0,0,0, 0);
}

.sf-menu ul ul:after {
    display:none;
}

.sf-menu ul ul:after {
	display:none;
}

.sf-menu ul:before {
	border-bottom:8px solid #cc5b44; 
}

.sf-menu ul ul:before {
	display:none;
}

.sf-menu li li {
	padding-right:0px;
	padding-left:0px;
}

.sf-menu ul {
	padding:0px 0px 0px 0px;
}

.sf-menu ul ul {
	margin-left:0px;
}

#mobile-nav-icon-progression-studios  {
	font-weight:500;
    text-transform:none;
    letter-spacing:0px;
    font-size:13px;
}
.sf-menu li li a {
    margin-top:0px;
	font-weight:400;
    text-transform:none;
	font-size:13px;
	padding:18px 42px 18px 20px;
	border-bottom:1px solid rgba(0,0,0, 0);
}
.sf-menu li li:last-child li:last-child li:last-child  li:last-child  a,
.sf-menu li li:last-child li:last-child li:last-child a,
.sf-menu li li:last-child li:last-child a,
.sf-menu li li:last-child a {
	border-bottom:none;
}

.sf-menu li li:last-child li:last-child li:last-child li a,
.sf-menu li li:last-child li:last-child li a,
.sf-menu li li:last-child li li li a,
.sf-menu li li:last-child li li a,
.sf-menu li li:last-child li a {
	border-bottom:1px solid rgba(0,0,0, 0.1);
}

.sf-menu li.sfHover li a,
.sf-menu li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a,
.sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a {
	background:none;
	color:#7B7B7B;
}

.sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a,
.sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a,
.sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a {
	color:#22273a;
	background:#e2e6e9;
}

/* Sub-menu Arrows */
.sf-arrows .sf-with-ul:after { 
	font-weight:normal;
	font-style:normal;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	border:none;
	content:"\f107";
	font-size:12px;
	top: 50%;
	margin-top:-6px;
}
.sf-arrows ul .sf-with-ul:after {
	font:normal normal normal 10px/1 "Font Awesome 5 Free";
	font-weight:900;
	content:"\f105"; 
	margin-top:-5px;
	right:15px;
}


/*
=============================================== MOBILE NAVIGATION STYLES ===============================================
*/
#mobile-navigatio-show-hide-progression-studios {
    display:none;
}
#mobile-nav-icon-progression-studios.progression-studios-elements-icon-active i.fa-times {
    display:inline-block;
}

#mobile-nav-icon-progression-studios.progression-studios-elements-icon-active i.fa-bars,
#mobile-nav-icon-progression-studios i.fa-times {
    display:none;
}

#mobile-nav-icon-progression-studios {
    position:relative;
    z-index:100;
    cursor:pointer;
    background:#a88a61;
    color:#ffffff;
    text-align:center;
    width:48px;
    height:52px;
    line-height:55px;
    float:right;
    margin-top:18px;
	-webkit-touch-callout: none; 
	-webkit-user-select: none;  
	-khtml-user-select: none;  
	-moz-user-select: none;  
	-ms-user-select: none; 
	user-select: none;
}


#nav-mobile-progression-studios {
    width:100%;
    left:0px;
    top:100%;
	border-top:2px solid #a88a61;
    background:#FBFAF6;
    position:absolute;
    display:none;
}

ul.mobile-menu-progression-studios-list {
    list-style:none;
    margin:0px;
    padding:0px;
}

ul.mobile-menu-progression-studios-list .sub-menu {
    margin:0px;
    padding:0px;
    display:none;
}

ul.mobile-menu-progression-studios-list li {
    list-style:none;
    margin:0px;
    padding:0px;
    position:relative;
}

ul.mobile-menu-progression-studios-list li a {
    display:block;
    color:#888888;
    font-weight:500;
    background:none;
    border-bottom:1px solid #EBEBEB;
    font-size:13px;
    padding:10px 20px 10px 20px;
}

.menu-item-has-children .mobile-drop-down-icon-progression-studios {
    padding:10px 20px 10px 20px;
}

ul.mobile-menu-progression-studios-list .sub-menu li a {
    padding-left:35px;
}

ul.mobile-menu-progression-studios-list .sub-menu li li a {
    padding-left:50px;
}

ul.mobile-menu-progression-studios-list .sub-menu li li li a {
    padding-left:65px;
}

ul.mobile-menu-progression-studios-list .sub-menu li li li li a {
    padding-left:80px;
}

ul.mobile-menu-progression-studios-list .sub-menu li a {
    padding-left:35px;
}

ul.mobile-menu-progression-studios-list .sub-menu li li a {
    padding-left:50px;
}

ul.mobile-menu-progression-studios-list .sub-menu li li li a {
    padding-left:65px;
}

ul.mobile-menu-progression-studios-list .sub-menu li li li li a {
    padding-left:80px;
}


.progression-studios-elements-show-sub-menu.mobile-drop-down-icon-progression-studios i {
    transform: rotate(180deg);
}

.menu-item-has-children .menu-item .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item .mobile-drop-down-icon-progression-studios,
.mobile-drop-down-icon-progression-studios {
    display:none;
}

.menu-item-has-children .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-progression-studios,
.menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .menu-item-has-children .mobile-drop-down-icon-progression-studios  {
    display:inline-block;
}

.menu-item-has-children .mobile-drop-down-icon-progression-studios {
    padding-left:5px;
    font-size:10px;
    vertical-align: middle;
    position:absolute;
    right:0px;
    width:30%;
    text-align:right;
    top:0px;
    cursor:pointer;
    
    color:#6F7283;
}

@media only screen and (max-width: 767px) { 
    nav#site-navigation-progression-studios {
        display:none;
    }
    #mobile-navigatio-show-hide-progression-studios {
        display:block;
    }

}