/*******NOT SURE WHERE TO PUT YET***************/

.nf-field-container{
    width: 350px !important;
}

.body_content_row_homepage .body-content-link .column-container{
  display: flex;

}

.body_content_row_homepage .body-content-link .column-container .column{
  flex: 1;
  display: flex;
  justify-content: center;
}

/*********************************/

section#content{
  background-image: url('/wp-content/uploads/2018/08/footer-background.jpg');
  background-size: cover;
}


h2,h3,h4,h5 {
  font-family: 'Open Sans',arial, sans-serif;

}
body {
    -webkit-font-smoothing:antialiased;
}
p,li,span,a {
  font-family: 'Open Sans',arial, sans-serif;
}
@font-face {
    font-family: myFirstFont;
    src: url(fonts/butler_stencil/Butler_Bold_Stencil.otf);
}
section#branding {
    display: none;
}
.home .inner_page_header {
  min-height:100vh;
  margin-top: -17px;
}

.inner_page_banner{
    background-size: cover;
    min-height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
}
/*.home .body_content_row h3 {
    color:#fff;
}
.home .body_content_row div p {
    color:#fff;
}
.home .body_content_row {

    width: 85%;
    position: relative;
    background-position: right -3px;
    background-repeat: no-repeat;
    background-size: 50%;
    background: #222;
    margin: auto;
    margin-top: -60px;

}*/
.mobile-menu {
    display: none;
    height: auto;
    top: 0;
    padding-top: 70px;
    position: absolute;
    padding-bottom: 50px;
    z-index: 5;
    background: rgba(33,32,32,.98);
    width: 100%;
    -webkit-box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -1px 12px 0px rgba(0,0,0,0.75);
    -webkit-transition:padding .5s ease-in;
    -o-transition:padding .5s ease-in;
    transition:padding .5s ease-in;
    -webkit-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.addFlex {
     display:none;
     padding-top: 71px;
     -webkit-transition:.4s;
     -o-transition:.4s;
     transition:.4s;
}
.desktop-menu {
    position: absolute;
    z-index: 50;
    width: 100%;
    text-align: right;
    font-weight: bolder;
    border-bottom: 1px solid #fefefe;
    padding-bottom: 11px;
}
.site-logo {
    float: left;
    width: 150px;
    margin-left: 35px;
    margin-top: 15px;
}
.desktop-menu .menu-menu-1-container ul li {
    display: inline-block;
    margin-left: 30px;
    position:relative; 
    color: #fefefe; 
    text-transform: uppercase;
}

 .sub-menu a {

        -webkit-animation-name:mobileA;

                animation-name:mobileA;
        -webkit-animation-duration:.5s;
                animation-duration:.5s;
        -webkit-transition:1s;
        -o-transition:1s;
        transition:1s;
        -webkit-animation-timing-function:linear;
                animation-timing-function:linear;
        -webkit-animation-fill-mode:forwards;
                animation-fill-mode:forwards;
        -webkit-animation-iteration-count:1;
                animation-iteration-count:1;
        opacity:0;
        position:relative;
        margin-top:-5px;
        font-family:'Open Sans',sans-serif;
    }

    @-webkit-keyframes mobileA {
        0%{opacity:0;margin-top:-5px;}
        100%{opacity:1;margin-top:0px;}
    }

    @keyframes mobileA {
        0%{opacity:0;margin-top:-5px;}
        100%{opacity:1;margin-top:0px;}
    }

     .sub-menu > li:nth-child(1) > a{
        -webkit-animation-delay:.3s;
                animation-delay:.3s;
    }
    .sub-menu > li:nth-child(2) > a{
        -webkit-animation-delay:.4s;
                animation-delay:.4s;
    }
     .sub-menu > li:nth-child(3) > a{
        -webkit-animation-delay:.5s;
                animation-delay:.5s;
    }
     .sub-menu > li:nth-child(4) > a{
        -webkit-animation-delay:.6s;
                animation-delay:.6s;
    }
     .sub-menu > li:nth-child(5) > a{
        -webkit-animation-delay:.7s;
                animation-delay:.7s;
    }
     .sub-menu > li:nth-child(6) > a{
        -webkit-animation-delay:.8s;
                animation-delay:.8s;
    }
.sub-menu {
    position: absolute;
    display:none;
    left:-15px;
    border-left:2px solid rgb(245 122 29);
    padding-left:15px;
    height:0;
      -webkit-animation-name:subAnim;
              animation-name:subAnim;
        -webkit-animation-duration:.3s;
                animation-duration:.3s;
        -webkit-animation-timing-function:ease-out;
                animation-timing-function:ease-out;
        -webkit-animation-fill-mode:forwards;
                animation-fill-mode:forwards;
        -webkit-animation-iteration-count:1;
                animation-iteration-count:1;
}

.mobile-menu .sub-menu{
    position: static;
    display:none;
    height:0;
    -webkit-transition: border .2s ease;
    -o-transition: border .2s ease;
    transition: border .2s ease;
      -webkit-animation-name:subAnim;
              animation-name:subAnim;
        -webkit-animation-duration:.3s;
                animation-duration:.3s;
        -webkit-animation-timing-function:ease-out;
                animation-timing-function:ease-out;
        -webkit-animation-fill-mode:forwards;
                animation-fill-mode:forwards;
        -webkit-animation-iteration-count:1;
                animation-iteration-count:1; 
}
@-webkit-keyframes subAnim {
    0%{height:0;}
    100%{height:auto;}
}
@keyframes subAnim {
    0%{height:0;}
    100%{height:auto;}
}
.display-block {
    display:block !important;
}
.sub-menu li {
    display: block !important;
    margin-left: 0 !important;
    text-align: left;
    width: 300px;
    line-height: 140%;
}
.desktop-menu .menu-menu-1-container ul li a {
    color: #fdfdfd;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    letter-spacing: 1px;
}
.desktop-menu .menu-menu-1-container ul li a{
    border:none;
}
.desktop-menu .menu-menu-1-container ul li a:hover {
  color:rgb(245 122 29);
  -webkit-transition:.2s;
  -o-transition:.2s;
  transition:.2s;
}
.desktop-menu ul {
    margin-right: 35px;
    margin-top: 27.4px;
}
#menu-item-90 a:hover {
   
    border: 2px solid rgb(249, 166, 95);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    color:#fff;
}
#menu-item-90 a {
    border: 2px solid rgb(245, 122, 29);
    padding: 9px 18px;
    -webkit-transition:1s;
    -o-transition:1s;
    transition:1s;

}
.xAnim {
    visibility:hidden;
}
/*====

MOBILE MENU

======*/
.mobile-burger-container {
    position:absolute;
    z-index:5;
    width:100%;
    text-align:right;
    display:none;
}
.wrapper-menu {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    cursor: pointer;
    -webkit-transition: -webkit-transform 330ms ease-out;
    transition: -webkit-transform 330ms ease-out;
    -o-transition: transform 330ms ease-out;
    transition: transform 330ms ease-out;
    transition: transform 330ms ease-out, -webkit-transform 330ms ease-out;
    float: right;
    margin-right: 15px;
    margin-top: 15px;
    webkit-appearance: none;
}

.wrapper-menu.open {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);  
}

.line-menu {
  background-color: rgb(245 122 29);
  border-radius: 5px;
  width: 100%;
  height: 6px;
}

.line-menu.half {
  width: 50%;
}

.line-menu.start {
  -webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  -o-transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  -webkit-transform-origin: right;
      -ms-transform-origin: right;
          transform-origin: right;
}

.open .line-menu.start {
  -webkit-transform: rotate(-90deg) translateX(3px);
      -ms-transform: rotate(-90deg) translateX(3px);
          transform: rotate(-90deg) translateX(3px);
}

.line-menu.end {
  -ms-flex-item-align: end;
      align-self: flex-end;
  -webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  -o-transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}

.open .line-menu.end {
  -webkit-transform: rotate(-90deg) translateX(-3px);
      -ms-transform: rotate(-90deg) translateX(-3px);
          transform: rotate(-90deg) translateX(-3px);
}


/*==============
CATEGORY TEMPLATE STYLE
=================*/
.category .entry-title {
    display: none;
}

.category #content {
    padding: 80px 0px 80px 0px;
}

.single-post article .entry-content{
  background-color: rgba(25, 50, 67, 0) !important;
}

.entry-content{
    padding: 0 !important;
    background-color: rgba(25, 50, 67, 0.85);
}


/* //////ss////////////

WEBSITE BY OKMG STYLING

///////////////*
/* Float Shadow */
.hvr-float-shadow {

  position: relative;
  -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
   opacity: 0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

  .bbC {
    background: #d6d3d3;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(5px);
      -ms-transform: translateY(5px);
      transform: translateY(5px);
  /* movve the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}



@media (max-width:800px){

    /* mobile on */
    .desktop-menu {
        position:absolute;
    }
    .addFlex {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
    }



    @-webkit-keyframes mobileA {
        0%{opacity:0;margin-top:-10px;}
        100%{opacity:1;margin-top:0px;}
    }


    @keyframes mobileA {
        0%{opacity:0;margin-top:-10px;}
        100%{opacity:1;margin-top:0px;}
    }

     .mobile-menu .menu-menu-1-container > ul > li:nth-child(1) > a{
        -webkit-animation-delay:0s;
                animation-delay:0s;
    }
    .mobile-menu .menu-menu-1-container > ul > li:nth-child(2) > a{
        -webkit-animation-delay:.2s;
                animation-delay:.2s;
    }
     .mobile-menu .menu-menu-1-container > ul > li:nth-child(3) > a{
        -webkit-animation-delay:.3s;
                animation-delay:.3s;
    }
     .mobile-menu .menu-menu-1-container > ul > li:nth-child(4) > a{
        -webkit-animation-delay:.4s;
                animation-delay:.4s;
    }
     .mobile-menu .menu-menu-1-container > ul > li:nth-child(5) > a{
        -webkit-animation-delay:.5s;
                animation-delay:.5s;
    }
     .mobile-menu .menu-menu-1-container > ul > li:nth-child(6) > a{
        -webkit-animation-delay:.6s;
                animation-delay:.6s;
    }


    .mobile-menu li {
        padding: 7px 12px;
    }
    .mobile-flex-margin {
        margin: auto;
        text-align: center;
    }
    .site-logo {
        margin-left:15px;
        -webkit-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
    }
    .mobile-burger-container {
        display:block;
        z-index:888;
        position:absolute;
    }
    .mobile-menu {
        position:absolute;
    }
    .desktop-menu .menu-menu-1-container {
       display: none; 
    }

    /* mobile on end <-- */

    .share-container {
        margin-top: 40px;
        border-top: 1px solid #ffb939;
        padding-top: 51px;
    }

    .socialLinks {
        width: 100%;
        margin-top: 22px;
        float: none;
        display: block;
    }

}


    .changeColor{
        background: rgba(49, 48, 47, 0.95);
        -webkit-transition: background 1.5s ease;
        -o-transition: background 1.5s ease;
        transition: background 1.5s ease;
    }


@media (max-width:770px){
    .logo-nav-container{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
   
    .Logo{
        margin: 0 auto;
    }
    
}

@media (max-width:390px){

  .nf-field-container{
    width: 270px !important;
    margin: auto;
  }
}




@media (min-width:1920px){

  .body{
    max-width: 1920px;
    margin: auto;
  }
}