/*
Print Styling
*/

/* Add your custom styles here... */ 

body {
    background-color: #f2f2f2;
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    padding: 0;
    word-wrap: break-word;
}

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}

body .fl-node-5e2c609645aa4 > .fl-row-content-wrap {
    -webkit-print-color-adjust: exact !important;
}

/*ANIMATED HAMBURGER ICON */
.bar1, .bar2, .bar3
{
width: 40px;
height: 4px;
background-color: #333;
transition: 0.4s;
}
.bar1
{
margin: 0 0 6px 0;
}

.bar3
{
margin: 6px 0 0;
}

 

.change .bar1
{
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-6px, 8px);
}
.change .bar2
{
opacity: 0;
}
.change .bar3
{
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-6px, -8px);
}
.fl-page-nav-toggle-icon .fl-page-nav .navbar-toggle
{
margin: 0;
padding: 0;
}


/* 
Accordian Styling
*/ 
.cs_expand h2.fl-heading {
    text-align: right;
    text-transform: uppercase;
    padding: 35px 50px 35px 35px !important;
    background-image: url("images/CS-Arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
  
}

.accordion-slider p.as-layer {
    font-size: 14px;
    line-height: 1.4
}

.accordion-slider h1.as-layer {
    font-size: 32px;
    line-height: 1.4
}

.accordion-slider h2.as-layer {
    font-size: 24px;
    line-height: 1.4
}




.accordion-slider h4.as-layer {
    font-size: 16px;
    line-height: 1.4
}

.accordion-slider h5.as-layer {
    font-size: 13px;
    line-height: 1.4
}

.accordion-slider h6.as-layer {
    font-size: 11px;
    line-height: 1.4
}

/* 
Accordian Slide Open State
*/
h3.as-layer.as-closed.as-vertical {
    font-size: 2rem;
    width: 100%;
}
.accordion-slider h3.as-layer {
    font-size: 50px;
    line-height: 1.4;
    color: #ffffff;
    left: 10%;
    top: 10%;
}
.accordion-slider p.as-layer.as-opened {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #ffffff;
    left: 10%;
    top: 20%;
    width: 70%;
}
.as-layer.as-opened.cs_button {
    left: 115px;
    bottom: 436px;
    border: solid 2px #ffffff;
    background-color: rgba(0, 0, 0, 0.67);
    color: #ffffff;
    padding: 10px;;
}
.as-layer.as-opened.cs_button a {
    color: #ffffff;
    font-size: 1.4rem;
    text-transform: uppercase;
    padding: 10px;
}
.as-layer.as-opened.cs_button a:hover {
    color: #d4af37;
    font-size: 1.4rem;
    text-transform: uppercase;
    text-decoration: none;
}
.as-layer.as-opened.cs_button:hover {
    left: 115px;
    bottom: 436px;
    border: solid 2px #d4af37;
    background-color: rgba(0, 0, 0, 0.67);
    color: #d4af37;
    padding: 10px;;
}
.as-layer.as-opened.cs_overlay{
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6180847338935574) 79%);
}

/*
Instagram Styling
*/
.cs_insta h2.fl-heading {
    text-align: left;
    text-transform: uppercase;
    padding: 35px 35px 35px 100px !important;
    background-image: url("images/CS-Arrow-Down.svg");
    background-size: 75px;
    background-repeat: no-repeat;
    background-position: left;

}