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

Stylesheet: Mobile Stylesheet

:root items set in header.php

--white:#fff;
--black:#323232;
--primary: <?php the_field('primary_color', 'options'); ?>;
--secondary: <?php the_field('secondary_color', 'options'); ?>;
--tertiary: <?php the_field('tertiary_color', 'options'); ?>;
--alert: <?php the_field('alert_color', 'options'); ?>;

--animate-box-bg: '----';



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

@import url('https://fonts.cdnfonts.com/css/avenir');

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeBackground {
    from { background-color: var(--white); }
    to { background-color: var(--secondary); }
}
@keyframes draw-line-up {
    0% {
        height: 0px;
    }
    100% {
        height: 100%;
    }
}
@-webkit-keyframes drawBorderFromCenter {
    0% {
        background-size: 0 2px, 0 0, 100% 100%;
    }
    20% {
        background-size: 100% 2px, 100% 0, 100% 100%;
    }
    66%
    {
        background-size: 100% 2px, 100% 98%, 100% 100%;
    }
    99%
    {
        background-size: 100% 2px, 100% 98%, 0 2px;
    }
}
@keyframes lineDrawToRight {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes lineDrawToLeft {
    from {
        width: 0%;
        transform: translateX(100%);
    }

    to {
        width: 100%;
        transform: translateX(0%)
    }
}

.animate-sliderup{
    opacity:0;
    -webkit-transition: 1.5s cubic-bezier(.165,.84,.44,1) .15s;
    transition: 1.5s cubic-bezier(.165,.84,.44,1) .15s;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

.animate-sliderdown.in-viewport{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.animate-sliderup.in-viewport{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.in-viewport .animate-sliderup{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.in-viewport .animate-sliderup.col2{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .5s;
}
.in-viewport .animate-sliderup.col3{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: .8s;

}
.in-viewport .animate-sliderup.col4{
    opacity:1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1s;

}

.pad-80{padding:80px 0;}

body{color:var(--black); font-family: 'Avenir', sans-serif;;}
header{
    z-index:6;}
.secondaryBG{background:var(--secondary);}


.max-width{max-width:1400px; margin:0 auto;}
h1,h2,h3,h4,h5,h6{font-family: 'SFL'; color:var(--primary);}

h1{font-size:60px; line-height:72px; font-weight:500; }

h2{font-size:50px; line-height:62px; font-weight:500; margin-bottom:35px;}

h3{font-size:30px; line-height:40px; font-weight:500; margin:0;}

h4{font-size:26px; line-height:35px; font-weight:500; margin:0 0 5px;}

h5{font-size:24px; line-height:30px; font-weight:500; margin:0 0 10px;}

h6{font-size:20px; line-height:30px; font-weight:500; margin:0 0 10px;}

p{font-size:19px; line-height:30px;}

.medium p{font-size:22px; line-height:38px;}

.large p{font-size:25px; line-height:42px;}




a{color:var(--primary); position:relative; transition: all 0.5s ease; text-decoration: underline; font-weight: bold;}
a:hover{color:var(--primary);}

.underline-link a::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #000;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}
.underline-link a:hover::before {
    transform: scaleX(1);
}

a.greenBtn {animation:fadeIn 2s; opacity:1; background:var(--primary); padding:15px 15px 13px; color: var(--white); text-decoration: none; text-transform:uppercase; font-weight:600; font-size:16px; line-height:16px; display:inline-block; }
a.greenBtn:hover{background:var(--secondary); color:var(--primary);}


footer{background:var(--tertiary);color:var(--white);}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    h1{font-size:55px; line-height:65px;}
    h2{font-size:45px; line-height:55px;}
}
@media only screen and (max-width: 1272px) {
	h1{font-size:55px; line-height:65px;}
	h2{font-size:45px; line-height:55px;}
}
/* Small only */
@media screen and (max-width: 480px) {
    h1{font-size:50px; line-height:60px;}
    h2{font-size:40px; line-height:50px;}
	.large p{ font-size:21px; line-height:35px;}
	.medium p{font-size:18px; line-height:33px;}
}



/*MAIN NAVIGATION*/
.top-bar, .top-bar ul{background:transparent;}
.sticky.is-stuck.is-at-top{background:#fff;}
.admin-bar .sticky.is-stuck.is-at-top{top:30px!important;}

#top-bar-menu .logo {animation:fadeIn 2s; opacity:1;  }

#top-bar-menu .logo img{max-height:65px;}

#main-nav{float:none; display: inline-block;animation:fadeIn 2s; opacity:1;}

.ctaButton{display:inline-block; margin:8px 5px 8px 20px; animation:fadeIn 2s; opacity:1;}
.ctaButton a{background:var(--primary); padding:10px 15px 7px; color: var(--white); text-decoration: none; text-transform:uppercase; font-weight:600; font-size:16px; line-height:16px; }
.ctaButton a:hover{background:var(--secondary); color:var(--primary);}
/*main menu links override*/

.menu .active>a{background:transparent; }
.dropdown.menu>li.is-active>a{color:var(--primary); }
/* animate arrow on dropdown */
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after,
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after{
    border: solid var(--primary);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-top:-4px;
    transition: all 0.3s ease-in-out 0s;
    right:-16px;
    }


.dropdown.menu.medium-horizontal>li.is-active>a::after,
.accordion-menu .is-active:not(.has-submenu-toggle)>a::after{transform: rotate(45deg);
    -webkit-transform: rotate(45deg);}



@media screen and (max-width: 480px) {
	.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{
		right:0;
	}
}

/* end animate arrow on dropdown */

#main-nav .menu-item{display: inline-block;}

#main-nav.menu a{text-transform: uppercase; font-size:15px; color:var(--primary); font-weight:600; padding:.7rem 0; margin:0 1rem;}
#main-nav.menu .active>a{color:var(--primary);}

#main-nav .is-dropdown-submenu{background:var(--white); border:0; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); text-align: left; }

#main-nav .is-dropdown-submenu .menu a:hover{text-decoration: underline;}

#main-nav.menu li .is-dropdown-submenu li,
#main-nav.menu li .is-dropdown-submenu-parent li{display:block; padding:5px 0px; line-height:15px;}
#main-nav.menu li .is-dropdown-submenu-parent li{display:inline-block;}
#main-nav.menu li .is-dropdown-submenu li a{
    display: inline-block;
    position: relative;
    color: var(--primary); 
	padding:.7rem 0; 
	font-size:13px; 
	font-weight:600; 
}

#main-nav.menu li a::before,
#main-nav.menu li .is-dropdown-submenu li a::before,
/*#main-nav.menu li .is-dropdown-submenu li .is-dropdown-submenu li a::before,*/
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::before{
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0px;
    left: 0px;
    margin-top:9px;
    background-color: var(--primary);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
 }
#main-nav.menu li .is-dropdown-submenu.vertical li a:hover{ text-decoration:none;}

#main-nav.menu li a:hover::before,
#main-nav.menu li .is-dropdown-submenu a:hover::before,
#main-nav.menu li .is-dropdown-submenu li .is-dropdown-submenu a:hover::before,
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:hover::before{
    transform: scaleX(1);
    transform-origin: bottom left;
}

#main-nav .menu-item.active a:before{ transform: scaleX(1);transform-origin: bottom left;}
  

#main-nav .dropdown .is-dropdown-submenu a{}
#main-nav.menu li .is-dropdown-submenu li.is-active a{background:transparent;}

.js-dropdown-active{color:var(--primary); font-size:13px; line-height:33px;}

.mobile-menu .menu{float:Right;}

@media screen and (max-width: 480px) {
	#main-nav .menu-item[aria-expanded="true"] > a::after{-webkit-transform: rotate(45deg);}

	.submenu.is-accordion-submenu.is-active{ background: #fff; }
}
/*end main menu*/


#alert{background:var(--primary); color:var(--white); font-size:16px; line-height:22px; padding:5px 0; animation:fadeIn 2s; opacity:1; }
#alert.alert{background:var(--alert);}
#alert a{color:#fff; text-decoration:none; display: inline-block;
    position: relative; }
#alert a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0px;
    left: 0px;
    margin-top:9px;
    background-color: var(--white);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
#alert a:hover::after{
    transform: scaleX(1);
    transform-origin: bottom left;
    transition-delay: 250ms;
}
#alert a:hover{text-decoration:none;}
#alert p, #alert h1, #alert h2, #alert h3, #alert h4{margin:0; font-size:16px; line-height:22px;  }
#alert #close-alert {
    overflow: hidden;
    position: relative;
    border: none;
    padding: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    color: var(--white);
    font: inherit;
    text-indent: 100%;
    cursor: pointer;
    position: absolute;
    transition: all 0.5s ease;
}
#alert #close-alert:focus {
    outline: solid 0 transparent;
    box-shadow: 0 0 0 2px var(--white);
}

#alert #close-alert:hover {
    background: var(--white);
    color:var(--primary);
}
#alert.alert #close-alert:hover {
    background: var(--white);
    color:var(--alert);
}


#alert #close-alert:before, #alert #close-alert:after {
    position: absolute;
    top: 15%; left: calc(50% - .0625em);
    width: .125em; height: 70%;
    border-radius: .125em;
    transform: rotate(45deg);
    background: currentcolor;
    content: ''
}

#alert #close-alert:after { transform: rotate(-45deg); }

.slide-up, .slide-down {
    overflow:hidden;
}
.slide-up > div, .slide-down > div {
    transform: translateY(-100%);
    transition: .4s ease-in-out;
}
.slide-down > div {
    transform: translateY(0);
}

/*mobile menu*/
.off-canvas{background:var(--secondary);}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a{outline:none;}
.accordion-menu .is-accordion-submenu a{padding:.7rem 1.7rem;}
.top-bar-left, .top-bar-right{-webkit-flex:0 0 auto !important; flex:0 0 auto !important; max-width:auto;}


/* HOME HERO */
#home_hero{position:relative;z-index:-1; }
#home_hero.image{height:80vh;}
#video_embed{width:100%; height:100%; max-height:700px; overflow: hidden;}
#small_gallery{position:relative; display:flex; height:1px;}
#small_gallery .hero-carousel-wrapper{position:absolute; width:50%; right:0; bottom:-100px; z-index:3;}
#small_gallery .image-link{width:100%; height:100%;display:block; }

#small_gallery .flickity-page-dots {display: none;}
#small_gallery .flickity-prev-next-button{top:50% !important;}
#small_gallery .flickity-prev-next-button.next{right:2% !important;}
#small_gallery .flickity-prev-next-button.previous{left:2% !important;}

@media screen and (max-width: 700px) {
    #small_gallery{position:absolute; width:100%; right:0; bottom:-100px; z-index:3;}
}
@media screen and (max-width: 480px) {
	#small_gallery{position:absolute; width:100%; right:0; bottom:auto; z-index:3;}
	#small_gallery .hero-carousel-wrapper{width:100%;}
}

/* Hero margin override */
.flex-video, .responsive-embed{margin-bottom:0;}

/* INTRO */
#intro{padding:100px 25px; position: relative; z-index:-1; z-index:0;}
.home #intro{background:var(--secondary); padding:80px 0; margin-bottom:100px;}

#intro h1{vertical-align:top; line-height:60px; font-size:50px; padding-right:25px; margin:0;}
#intro .text-right{position: relative;}
#intro .text-right::before{
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    border-right:2px solid var(--secondary);
    animation: draw-line-up 3s;
    animation-fill-mode: forwards;
    position: absolute;
    left: 100%;
    bottom: 0;
}
#intro .text-left p{padding-left:25px; padding-top:15px;}

@media only screen and (max-width: 1399px) {
	#intro h1{ font-size:45px; line-height:55px}
}
@media only screen and (max-width: 1287px) {
	#intro h1{ font-size:40px; line-height:50px}
}
@media only screen and (max-width: 1170px) {
	#intro h1{ font-size:35px; line-height:45px}
}
@media only screen and (max-width: 799px) {
	#intro .small-12{ width:100% !important;}
}
@media screen and (max-width: 480px) {
	#intro{padding:50px 0px;}
	#intro .text-right::before{
		content: none;
		
	}
	#intro h1{text-align:left; padding:0 15px ;}
	#intro .text-left p{padding:15px;}
}

/*Page Hero*/
#page-hero{height:475px; width:100%;}
@media screen and (max-width: 480px) {
	#page-hero{height:275px; width:100%;}
}

/* CTA1 */
#cta1 {margin-top:-135px; padding-bottom:100px; padding:0 25px 100px 25px; }
#cta1 .image{max-width:640px; animation:fadeIn 2s;}
#cta1 .image {max-width:640px; height:650px;}

@media screen and (max-width: 480px) {
	#cta1{padding-bottom:50px;}
    #cta1 .image{max-width:100%; height:350px; animation:fadeIn 2s;}
	#cta1 .col2{padding-top:15px;}
}
/* SLIDER */
.slider-gallery {
    margin-right:0;
    margin-left:0;
    padding:80px 0 ;
    margin-bottom:80px;
	min-height:600px;
}
.home .slider-gallery{margin-bottom:80px;}
.slider-gallery::after{
    content:''; width:90%; max-width:1400px; height:720px; background:var(--secondary); position: absolute; bottom:20px; margin:0 auto; left:0; right:0; z-index:-1;
}

.gallery-cell {
    width: 76%;
    height: 1040px;
    margin-right: 30px;
	padding-bottom:45px;
    position: relative; 
	z-index:3;
}
.gallery-cell .image{width:100%; height:650px;}


/* cell number */
.gallery-cell:before {
    display: block;
    text-align: center;
    line-height: 200px;
    font-size: 80px;
    background: #8C8;
}
.gallery-cell .desc h2{margin-bottom:15px;}
.gallery-cell .desc{position: relative; opacity:0;  max-width:1000px; margin:0 auto; padding-top:50px; }
.gallery-cell .image img{margin:0 auto; z-index: 2; position: relative; max-width:1000px; width:100%;}

.gallery-cell.is-selected .desc {animation:fadeIn 2s; opacity:1;   }
.flickity-prev-next-button{border-radius:0 !important; top:33% !important;}
.flickity-button{background:var(--primary) !important; color:var(--white) !important;}
.flickity-prev-next-button .flickity-button-icon{width:50% !important; height:50% !important; top:25% !important; left:25% !important;}
.flickity-prev-next-button.previous { left: 7% !important; }
.flickity-prev-next-button.next { right: 7% !important; }
.flickity-page-dots .dot{border:1px solid var(--tertiary); background:transparent !important; opacity:1; }
.flickity-page-dots .dot.is-selected{background:var(--primary) !important; border:none; opacity: 1;}

@media screen and (min-width: 1400px) {
    .gallery-cell {width:73%;}
    .flickity-prev-next-button.previous { left: 8% !important; }
    .flickity-prev-next-button.next { right: 8% !important; }
}
@media screen and (min-width: 1500px) {
    .gallery-cell {width:70%;}
    .flickity-prev-next-button.previous { left: 10% !important; }
    .flickity-prev-next-button.next { right: 10% !important; }
}
@media screen and (min-width: 1600px) {
    .gallery-cell {width:68%;}
}
@media screen and (min-width: 1800px) {
    .gallery-cell {width:66%;}
}
@media screen and (min-width: 2100px) {
    .gallery-cell {width:60%;}
}
@media screen and (max-width: 1142px) {
	.gallery-cell .desc h2 {font-size:45px}
}
@media screen and (max-width: 768px) {
	.gallery-cell .image{height:460px;}
}
@media screen and (max-width: 480px) {
    .gallery-cell {height:870px;}
	.gallery-cell .image{width:100%; height:300px;}
    .flickity-prev-next-button{ top:19% !important;}
}

/*VIDEO*/
#video{/*margin-top:160px; margin-bottom:80px;*/}

/* 3 COLUMNS */
#three_cols{ padding:100px 25px; }
#three_cols.secondaryBG{padding:50px 25px;}


/* BOX CALLOUT */
#box_callout{padding:100px 25px;}
#box_callout .content{ padding:80px 45px; }
#box_callout .image{height:650px; width:100%;}

#box_callout.in-viewport  .content {
    background-color:var(--secondary);
    background-image: var(--animate-box-bg);
    background-repeat: no-repeat;
    background-size: 0 2px, 0 100%, 0% 2px;
    background-position: top center, top center, bottom center;
    -webkit-animation: drawBorderFromCenter 2s;
}
@media screen and (max-width: 480px) {
	#box_callout{padding:50px 25px;}
	#box_callout .content{ padding:40px 25px; }
    #box_callout .image{height:350px; width:100%;}
}

/* 4 COLUMNS */
#four_cols{ padding:100px 25px; }
#four_cols.secondaryBG{padding:50px 25px;}

/* 2 COLUMNS */
#two_cols{ padding:100px 25px; }
#two_cols.secondaryBG{padding:50px 25px;}
/* 2 COLUMNS */
#one_cols{ padding:100px 25px; }
#one_cols.secondaryBG{padding:50px 25px;}


/* FULL WIDTH BG */
#full-bg{min-height:475px; width:100%;position: relative;}
#full-bg.overlayBG:before{content:''; position: absolute; background:var(--secondary); opacity: .65; width:100%; height:100%;}
#full-bg .content{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; padding:0 80px; color:var(--primary);}
@media screen and (max-width: 480px) {
   #full-bg .content{padding:40px; position:relative; transform:none; left:0; top:0; }
}

/* ACCORDION */
#accordion {padding:80px 0;}
#accordion .accordion-title {font-size:20px; font-weight:600; color:var(--primary); border:none; text-transform:uppercase; text-decoration:none; padding:20px 25px;}

#accordion .accordion-title:hover,
#accordion .accordion-title:focus,
#accordion .accordion-title:active,
#accordion .is-active .accordion-title{background: var(--secondary); border:none;}
#accordion .accordion-content{background: var(--secondary); position:relative; border:none;}
#accordion .accordion-item{position:relative;}
#accordion .accordion-title::before{top:45%; right:auto; left:8px;}
#accordion .accordion-item:after{
	content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    top: 0px;
    left: 0px;
    margin-top:0;
    background-color: var(--primary);
    transform-origin: bottom right;
    transition: transform 0.5s ease-out;
}
#accordion .accordion-item.is-active:after{
	transform: scaleX(1);
    transform-origin: top left;
}
/*#accordion .accordion-content:after{
	content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0px;
    left: 0px;
    margin-top:9px;
    background-color: var(--primary);
    transform-origin: bottom right;
    transition: transform 0.5s ease-out;
}
#accordion .is-active .accordion-content:after{
	transform: scaleX(1);
    transform-origin: bottom left;
}
*/


/* IMAGE GRID */
#grid_gallery{padding:100px 0;}
#grid_gallery .cell .image{width:100%; height:100%; height:350px; width:350px; position: relative; margin: 0 auto;}
#grid_gallery .cell .image:hover > .text{opacity: 1; animation:fadeIn 1s;}
#grid_gallery .cell .text{position:absolute; background:rgba(255,255,255, .90); width:100%; height:100%; padding:25px; opacity:0;}
#grid_gallery .cell .text h6{font-size:24px; line-height:30px; color:var(--primary);}
#grid_gallery .cell .text p{/*font-size:23px; line-height:30px;*/ color:var(--primary);}
#grid_gallery .cell .text .enlarge{position:absolute; bottom:25px; right:25px;}

#grid_gallery .cell.hidden{display:none;}

#gallery_filter {text-align:center;}
#gallery_filter a{margin:0 5px; text-decoration:none;}
#gallery_filter a.active{text-decoration:underline;}

@media screen and (max-width: 1280px) {
	#grid_gallery .cell .image{width:300px; height:300px;}
}

@media screen and (max-width: 1024px) {
	#grid_gallery .cell .image{width:280px; height:280px;}
}

/* SKETCH CALLOUT */
#sketch_callout{padding:80px 25px;}
.home #sketch_callout{padding:160px 25px 80px;}
#sketch_callout .content{ padding:0 45px;}
#sketch_callout .image{z-index: 3; }
#sketch_callout .image .img{height:650px; width:100%;}
#sketch_callout .sketch{margin-top:-7%; z-index: 0;}
#sketch_callout .sketch img{max-width:500px;}



@media screen and (max-width: 480px) {
	.home #sketch_callout{padding:50px 25px 40px;}
   #sketch_callout .content{ padding:0;}
	#sketch_callout .image .img{height:350px; width:100%;}
	#sketch_callout .sketch{margin-top:3%;}
}


/* FOOTER CTA */
#footer_cta{margin-top:80px;}
#footer_cta .dark-bg{position: relative; color:var(--white); margin-top:-80px; }
#footer_cta .dark-bg::before{content:''; background:var(--tertiary); position: absolute; width:100%; height:100%; opacity: .9;}

#footer_cta .dark-bg h5{position: relative; padding:30px 25px; font-size:18px; line-height:21px; text-transform: uppercase; margin:0;color:var(--white);}
#footer_cta .dark-bg .section{position: relative; padding:30px 25px;}
#footer_cta .dark-bg .section a{color:var(--white); text-decoration: none;}
#footer_cta .dark-bg .section h3{font-size:36px; line-height: 42px; color:var(--white);}
#footer_cta .dark-bg .section .text{font-size:18px; line-height:33px; margin-top:15px; color:var(--white);}


/* PAGE FOOTER */
#page_footer{padding:50px 0 20px; margin:0;}
#page_footer .company{font-size:16px; line-height:22px; color:var(--white);}
#page_footer .company p,
#page_footer .company a{font-size:16px; line-height:22px; color:var(--white); font-weight:normal; color:var(--white);}

#page_footer .companyTxt{padding:25px 0;}

#page_footer .companySocial a .social-icon {width: 25px; height: 25px; vertical-align: -0.125em;fill:#fff;margin:0px 10px;}

#page_footer .footer_menu{}
#page_footer .collab{}
#page_footer .form{}

#page_footer h3{font-size:20px; line-height:23px; font-weight:bold; color:var(--white);}

#page_footer .copyright{padding:0; margin:0;}
#page_footer .source-org {margin:0; font-size:12px;}

#page_footer .footer_menu .menu {text-align: center; flex-direction: column; margin-top:20px;}
#page_footer .footer_menu .menu li{line-height:34px; padding:0;}
#page_footer .footer_menu .menu a{color:var(--white); font-weight:normal; font-size:17px;  text-decoration: underline; padding:0; line-height:34px;}

#page_footer .collab .image{padding:15px 0; margin:15px;}
#page_footer .form_wrapper{padding:15px 0;}
#page_footer .form_wrapper h2{display: none;}
#page_footer .form_wrapper input[type=submit]{ background:var(--primary); color:var(--white); text-transform: uppercase; font-size:16px; padding:15px 15px 13px; border:none; transition: all 0.5s ease; text-transform:uppercase; font-weight:bold; cursor:pointer;}
#page_footer .form_wrapper input[type=submit]:hover{background:var(--secondary); color:var(--primary);}
#page_footer .form p{font-size:12px; line-height:15px; font-weight:bold;}
#page_footer .copyright{padding:0 25px;}

/*FORM*/
input [type="text"]:focus{border: 1px solid var(--alert) !important;}
input[type=submit]{ background:var(--primary); color:var(--white); text-transform: uppercase; font-size:16px; padding:15px 15px 13px; border:none; transition: all 0.5s ease; text-transform:uppercase; font-weight:bold; cursor:pointer;}
input[type=submit]:hover{background:var(--secondary); color:var(--primary);}