/* css */
.grid-col-1{grid-template-columns:1fr !important;}
.display-none{display:none;}

main{min-height:0;}

.event-details{}

.promo-news-row{
  padding:4rem 20px;
}

.special-bg{
  background:;
  background-size:contain;  
}

#header_slideshow_wrapper .at-minimal_toolbar .at-ico_slides {display:show;}

.mobile_only {display:none;}
.non_mobile_only {}
main 
{
  background:none; 
  max-width:100%;
  padding:0;
}
main > section > div
{
  width: 100%;
  max-width:1280px;
  margin: 0px auto;
}
#nav_wrapper
{
 
}

#row_1,#row_2 {}

.row-2-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
}

.row-2-grid .promotions{
  position:relative;
  overflow:hidden;
  min-height:700px;
}

#event_calendar_2_module {
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items:center;
}

.row-2-grid .news{}

#header_logo_home
{
  height:130px;
  width:100%;
  background:url(images/salon-centric-site-logo-purple.png) center top no-repeat;
  display: block;
  position:absolute;
  top:70px;
  margin: 0 auto;
}
#header_slide_show {width:75%;margin: 0 auto;}
#header_slideshow_wrapper
{
  min-height:100px;
  max-width:100%;overflow:hidden;/*ipad fix*/
  background:;
  padding-top: 0;
}


/* owl carousel */

.owl-carousel .owl-wrapper-outer {
  padding: 20px 0px;
  z-index:100;
}

.owl-controls.clickable,.owl-controls.clickable:hover
{
  background:none!important;outline:none!important;box-shadow:none!important;
}
.owl-carousel img
{
  border: 0 none;
  height: auto;
  width: 100%;
  vertical-align: middle;
  box-shadow:0px 10px 15px -11px #0000007d;
}

.owl-carousel .owl_slide_item h3
{
  display:none;
}
.owl-carousel .owl_slide_item
{
  margin: 0 15px;
}

.owl-carousel .owl_slide_item a {
  display: block;
  height: 100%;
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.owl-theme
{
  padding: 50px 0;
}

.owl-controls {
  display: none !important;
}

.owl-carousel .owl_slide_item h3

.owl-item .owl_slide_link
{
  display:block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}



#galleria_header_slideshow {}
#row_2_slideshow_wrapper {}

/* HOME PROMOTIONS */
.promotions,.news{text-align:center;}
#row_1 h2,.promotions h2,.news h2{position:relative;z-index:100;}
.events h2 {text-align:center;text-transform:;}

#promotions_home_cover
{
  text-align:left;
}
a.promotion_cover_thumb
{
  display:inline-block;
  box-shadow:0px 3px 8px rgba(0,0,0,.4);
}
a.promotion_cover_thumb::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  right: 0;
  background: #ffffffde;
  transition: all ease-in-out .15s;
  display: grid;
  opacity:0;
}
a.promotion_cover_thumb::after {
  content: ' ';
  position: absolute;
  width: 50px;
  height: 50px;
  bottom: calc(50% - 25px);
  right: calc(50% - 25px);
  background: #014880 url("images/right-arrow-white.svg")no-repeat center;
  background-size:25%;
  transition: all ease-in-out .15s;
  display: block;
  opacity: 0;
  border-radius: 50px;
  transform:scale(.1);
  z-index:100;
}

a.promotion_cover_thumb img{display:block;width: 225px;}
a.promotion_cover_thumb img:hover {background:#ccc;}
a.promotion_cover_thumb:hover::before,a.promotion_cover_thumb:hover::after {opacity:1;}
a.promotion_cover_thumb:hover::after{transform:scale(1);}
a.promotion_cover_thumb {position:relative;}

#promotions_image_wrapper {margin:40px 0;text-align:center;}
#content_promocover_row2_wrapper
{
  width:310px; 
  margin: 0 auto;
  max-width: 100%;
}

#promotions_home_cover h3,.news h3 {
  text-align: center;
  font-weight: normal;
  font-size: 1.1rem;
  color: var(--corp-color);
  margin-top: 20px;
}
.promotions_link_to_all {display:none;}

/*MIDDLE SLIDESHOW*/
#row_1 .flex-direction-nav a
{
  background: none repeat scroll 0 0 #999999;
  border-radius: 50%;
  color: #fff;
  width: 40px;
  text-align: center;
}

#row_1 .flex-direction-nav a:before
{
  content: "<";
  display: inline-block;
  font-family: "thinfont";
  font-size: 40px;
  line-height: 43px;
}

#row_1 .flex-direction-nav a.flex-next:before {
  content: ">";
}

#row_1 .flexslider {box-shadow:none;margin: 0;max-width: 100%;overflow: hidden;}
#row_1 .flexslider ul li {width:240px!important;}

main header
{min-height:30px;background:#000;padding:8px;width:100%;

  text-align:center;
}

#row_1 header,#row_1a header,#row_2b header
{background: #000;padding:6px;color:#fff;text-align:center;min-height:30px;}

main header h2 {line-height:50px;}

#row_1 ul {margin-bottom:0;}
#row_1 .tabs_content {padding:0;}

#row_1 .item h3 {color:#FFF;text-align:center;/**text-transform:uppercase;**/}
#row_1 .item {width:36%;float:left;}
#row_1 .item img {width:100%;}
#row_1 .item .item_body
,#row_1 .item .item_body2
{width:50%;float:left;padding:18px;}
#row_1 .item ul {padding-left: 15px;}

#row_1 .item_center {width:28%;background:#555; min-height:340px;box-shadow: 0px 0px 28px #2B2B2B inset;}

#row_1 .item_w_image h3
{
  margin-bottom:0px;
  background: #000;
  padding: 4px;
}

#row_1 .item_w_image {}
#row_1 .item_center .item_body2 {display:none;}
#row_1 .item_center .item_body {float:none;width:100%}

#row_1 .item_center h3
{
  font-size:1.3em;
  color:#fff;
  border-bottom:1px solid #000;
  margin-bottom:6px;
  padding-bottom:10px;
}

#row_1 .item_w_image .item_body {}
#row_1 .item_center img {display:none;}

#row_1 {text-align:center;color:#fff;}
#row_1 h2{text-align:center;}

#row_1a {background:#000;}
#row_2b {background:#000;}


/*Events Row | Row 2*/
#row_2  {background:linear-gradient(135deg,var(--corp-color),var(--corp-color-dark));padding:3.5rem 20px;color:#000;}
#row_2 h2,#row_2 h3{color:#000;padding:0;}

.events{
  background:#fff;
  box-shadow:0px 10px 40px -4px #00000063;
  display:grid;
  padding:4rem 20px;
  grid-gap:20px;
}

.events a.view-more-btn, .events a.view-more-btn:visited, .events a.view-more-btn:hover {
  color: #014880;
  padding: 10px 50px;
  display: block;
  width: max-content;
  justify-self: center;
  font-family: raleway;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  transition:all ease-in .15s;
}
.events a.view-more-btn:hover {}

.events a.view-more-btn i.icon {
  background: url(images/right-arrow-blue.svg)no-repeat center;
  background-size: contain;
  padding: 4px;
  margin-left: 20px;
  transition:all ease-in .15s;
}
.events a.view-more-btn:hover i.icon{
  margin-left:30px;
}




/*Home links*/
#row_1b {background:#444;min-height:40px;}
#row_1b nav {width:100%;}
#row_1b > div
{
  text-align:center;/*for ie & ipad*/
  display: flex;
  justify-content: center;
  flex-wrap:row-wrap;
  align-items:stretch;
  flex-flow: row wrap;
}

#row_1b nav .navbar_dropdown_menu {height:auto;}
#row_1b nav ul
{
  text-align:center;/*for ie & ipad*/
  display: flex!important;display: -webkit-flex;
  padding:0;
  justify-content: center!important;-webkit-justify-content: center!important;
  flex-wrap:row-wrap!important;-webkit-flex-wrap:row-wrap!important;
  align-items:stretch!important;-webkit-align-items:stretch!important;
  flex-flow: row wrap!important;-webkit-flex-flow: row wrap!important;
}

#row_1b nav ul li {align-self: stretch!important;-webkit-align-self: stretch!important;
  flex: 1 1 auto!important;-webkit-flex: 1 1 auto!important;
  width:auto!important;}
#row_1b nav a, #row_1b nav a:visited,#row_1b nav a:hover
{
  text-align:center;
  background:#444;
  border-right:none;
  border-bottom:none;
  line-height: 60px!important;
}

#row_1b nav a:hover
{
  background:#ffffff0f; 
}

main.flex_column,main .flex_column {width:33%;min-height:100px;padding:0;}
main .flex_column_body
,main .flex_column_body {padding:12px;}

#row_2b .flex_column {min-height:0!important;}

main header h2 {color:#777;}

.special-content-row {

}
.special-content-row .box-inner {
  padding: 100px 20px 50px 20px;
}

.custom-bg-section {
  background: var(--bg-image) no-repeat center;
  background-size: 60%;
  height: 240px;
  margin-bottom: 60px;
}

#row_1
{
  /*text-shadow: 1px 1px 1px #2D2D2D;*/
  color:#000;
  min-height:150px;
  background:var(--corp-button-2-bg);
  padding:4em 20px;
  overflow:hidden;
}

.diagonal-bars {
  display: grid;
  grid-gap: 20px;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  bottom: calc(50% + -102px);
}
.diagonal-bar-green,.diagonal-bar-lightblue,.diagonal-bar-blue {
  height:130px;
}
.diagonal-bar-green {background: var(--corp-color);transform: rotate(0deg);display:none;}
.diagonal-bar-lightblue {background: var(--corp-color);transform: rotate(0deg);}
.diagonal-bar-blue {background:var(--corp-color);transform: rotate(0deg);display:none;}


.arct_item_toolbar {z-index: 11;} /*Needed so toolbar shows up over other elements*/

/* CALENDAR */
.event_filter
{
  display:none;/*not used on home page*/
}
.event-date-icon {
  background: var(--corp-button-bg);
  height: 80px;
  width: 80px;
  display: grid;
  border-radius: 40px;
  place-content: center;
}

.event-date-icon div:first-child {
  color: rgba(0,0,0,.4);
  font-size: 0.8rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.event-date-icon-day
{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

#event_calendar_2_module .item {
  font-size: 14px;
  margin: 0 !important;
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-gap:20px;
  border:none;
}

#event_calendar_2_module .item_group{}

#event_calendar_2_module h3
{
  border-bottom:0px solid #ccc;
  text-align: center;
  display:none;
}

#event_calendar_2_module h3 a, 
#event_calendar_2_module h3 a:visited
{
  font-size:.9em;
  color: #000;
  font-weight:normal
}


#event_calendar_2_module h3 a:hover 
{
  color:#999;
  text-decoration:none !important;
}

#event_calendar_2_module .location_name
{
  color: #555;
}

/*   HOME FLEXSLIDER  */
.flexslider.fshome .slides img {margin: 0!important;}
.fshome .slides {display: block;}
.fshome .slides {height: 1%;}
.fshome .slide_content_wrapper
{

}

.fshome .home_slide_link
{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
}
/*.fshome .home_slide_link:empty {display:none;}*/

/* personalized slide that each site gets */
.fshome .personalized_store_slide .slide_content_wrapper
{
  padding:50px !important;
  text-align:center;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 200px;
  height: 100%;
  display: grid;
  place-content: center;
}

.fshome .personalized_store_slide .slide_content_wrapper_inner ul
{

}
.fshome .personalized_store_slide .slide_content_wrapper_inner ul li
{
  opacity:1; 
  height: auto;
}

.fshome .personalized_store_slide .slide_content_wrapper_inner {
  max-width: 800px;
}

.fshome .personalized_store_slide .slide_content_wrapper h1
{
  color:#fff;
  font-size:3rem;
  font-weight:bold;
  padding-bottom:15px;
}

.fshome .personalized_store_slide .slide_content_wrapper h2
{
  font-size:1.6rem;
  font-weight:normal;
  color:#fff;
}


/*End personalized store slide*/

.flexslider.fshome .slides {zoom: 1;}
.flexslider.fshome {position: relative;margin-bottom: 0 !important;}
.flexslider.fshome .flex-control-paging li a 
{
  background:#fff;
}



.flexslider.fshome .flex-control-paging li a:hover
,.flex-control-paging li a.flex-active {background:#c0d52e !important;}

.fshome .flex-control-paging li a {width:15px;height:15px;}

.fshome {width: 100%;margin: 0 auto!important;}
.flex-control-nav {
  bottom: 0px !important;
  padding: 10px 0 !important;
}
.flex-direction-nav a {line-height:1;}
.fshome ul li.flex-active-slide { z-index: 100;}

.fshome .flex-viewport
,.flexslider.fshome,.fshome ul.slides
,.fshome,.fshome ul.slides li 
{height: calc(100vw * .27);}

.fshome {width: 100vw;margin-bottom:20px!important;}

.fshome .flex-viewport {overflow: ;}

.fshome ul.slides li
{
  filter: alpha(opactiy=20);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opactiy=20)";-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity: 0.2;
}
.fshome ul.slides li.flex-active-slide
{
  filter: alpha(opactiy=100);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opactiy=100)";-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;
}

/* OWL CAROUSEL */
.owl-carousel .owl_slide_item h3 {font-size:1em;}

@media (max-width:1100px),(max-device-width: 1100px)
{
  .fshome .flex-viewport, .flexslider.fshome, .fshome ul.slides, .fshome, .fshome ul.slides li{min-height:260px;}
  .flex-direction-nav a{bottom:10px;top:auto !important;}
  .flex-control-nav {bottom: 15px !important;padding: 10px 0 !important;}
  .flexslider .flex-next {right: 50px !important;opacity:1 !important;margin:-45px 0 0 0;}
  .flexslider .flex-prev {left: 50px !important;opacity:1 !important;margin:-45px 0 0 0;}
  .flexslider:hover .flex-next{opacity:1 !important;}
  .flexslider:hover .flex-prev{opacity:1 !important;}
  .slide_content_wrapper_inner{font-size:.8rem;}
}
@media (max-width:800px),(max-device-width: 800px)
{
  #header_slide_show {width:100%;margin: 0 auto;}
  #row_1{padding:4rem 0;}
  #row_1 .item {width:50%;}
  #row_1 .item_center {width:100%;float:none;clear:both;min-height:20px;}
  #row_2 .flex_column {width:100%;}
  #row_2.flex_columns {flex-direction:column;}
  #row_1 .item_w_image{width:100%;}

  .custom-bg-section {
    background-size: cover;
    height: 160px;
    margin-bottom: 0;
  }

  /* OWL CAROUSEL */
  .owl-carousel .owl_slide_item h3 {font-size:1em;}

  #content_promocover_row2_wrapper
  {
    width:auto; 
    margin: 0;
  }

  .row-2-grid{grid-template-columns:1fr;}
  .view-more-col {place-items: center left;}
  .special-bg{background-size:cover;}
  #header_slideshow_wrapper{margin-top:30px;}

  #event_calendar_2_module {grid-template-columns: 1fr;grid-gap: 20px;}
}




@media (max-width:767px),(max-device-width: 767px){


  /* CENTRAL NAVIGATION */
  #row_1b nav a, #row_1b nav a:visited
  {
    font-size:18px;
  }

  /* MAIN SLIDESHOW */
  .fshome .personalized_store_slide .slide_content_wrapper h1
  {
    font-size:24px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h2
  {
    font-size:22px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h3
  {
    font-size:20px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper_inner
  {

  }

  /* OWL CAROUSEL */
  .owl-carousel .owl_slide_item h3 {font-size:.8em;}

}



@media (max-width:480px),(max-device-width: 480px)
{
  #header_slideshow_wrapper, .fshome .flex-viewport {
    min-height:0 !important;
  }
  .fshome ul.slides li.flex-active-slide{background:transition;}

  /* CENTRAL NAVIGATION */
  #row_1b nav a, #row_1b nav a:visited
  {
    font-size:16px;
  }

  /* MAIN SLIDESHOW */

  .fshome .flex-viewport {overflow: hidden !important;}
  .fshome {width: 100%;}

  .flexslider.fshome, .fshome ul.slides, .fshome, .fshome ul.slides li
  {
    height: auto;
  }

  .fshome .personalized_store_slide .slide_content_wrapper {
    padding: 20px !important;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h1
  {
    font-size:20px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h2
  {
    font-size:18px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h3
  {
  }

  .fshome .personalized_store_slide .slide_content_wrapper_inner
  {
    padding-top: 0 !important;
  }

  .fshome .personalized_store_slide .slide_content_wrapper{place-content:start center;}

  .fshome .flex-viewport
  , .flexslider.fshome, .fshome ul.slides
  , .fshome, .fshome ul.slides li {
    min-height: 250px;}

  .slide_content_wrapper_inner {
    font-size: 1rem;
  }

  .special-content-row {
    background-size: 300%;
    background-position-y: bottom;
  }

  #nav_wrapper
  {
    height:auto;
  }
  header > div:first-child > section
  {
    height:80px !important;
  }

  header nav {
    margin-top: -70px;
  }

  a#header_logo
  {

    height: 70px;
    background-size: contain;
  }

  /* OWL CAROUSEL */
  .owl-carousel .owl_slide_item h3 {font-size:.8em;}

  .diagonal-bars {bottom: calc(4rem + 88px);}

}



@media (max-width:360px),(max-device-width:360px)
{

  /* CENTRAL NAVIGATION */
  #row_1b nav a, #row_1b nav a:visited
  {
    font-size:14px;
  }

  /* MAIN SLIDESHOW */
  .flex-direction-nav a {
    top: 90% !important;
    color: rgba(254, 254, 254, 0.01)!important;
  }

  .fshome .personalized_store_slide .slide_content_wrapper_inner
  {
    padding-top: 0 !important;
    font-size: 12px;
    width: 463px;
  }


  .fshome .flex-viewport, .flexslider.fshome, .fshome ul.slides, .fshome, .fshome ul.slides li
  {
    height:220px; 
  }

  /* OWL CAROUSEL */
  .owl-carousel .owl_slide_item h3 {font-size:.8em;}

}


@media (max-width:320px),(max-device-width:320px)
{

  /* CENTRAL NAVIGATION */
  #row_1b nav a, #row_1b nav a:visited
  {
    font-size:15px;
  }

  /* MAIN SLIDESHOW */

  .fshome .personalized_store_slide .slide_content_wrapper h1
  {
    font-size:16px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h2
  {
    font-size:14px;
    font-weight:normal;
  }

  .fshome .personalized_store_slide .slide_content_wrapper h3
  {

  }

  .fshome .personalized_store_slide .slide_content_wrapper_inner
  {
    padding-top: 0 !important;
    font-size: 11px;
    width: 400px;
  }


  .fshome .flex-viewport, .flexslider.fshome, .fshome ul.slides, .fshome, .fshome ul.slides li
  {
    height:200px; 
  }

  /* OWL CAROUSEL */
  .owl-carousel .owl_slide_item h3 {font-size:.7em;}

}

