/*
Theme Name: Angelo WP Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Angelo
Author: #
Author URI: #
Version: 1.0
*/

@font-face {
    font-family: 'TradeGothic';
    src: url('./assets/fonts/TradeGothic-CondEighteen.eot');
    src: url('./assets/fonts/TradeGothic-CondEighteen.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/TradeGothic-CondEighteen.woff2') format('woff2'),
        url('./assets/fonts/TradeGothic-CondEighteen.woff') format('woff'),
        url('./assets/fonts/TradeGothic-CondEighteen.ttf') format('truetype'),
        url('./assets/fonts/TradeGothic-CondEighteen.svg#TradeGothic-CondEighteen') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Bk';
    src: url('./assets/fonts/Futura-Book.eot');
    src: url('./assets/fonts/Futura-Book.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Futura-Book.woff2') format('woff2'),
        url('./assets/fonts/Futura-Book.woff') format('woff'),
        url('./assets/fonts/Futura-Book.ttf') format('truetype'),
        url('./assets/fonts/Futura-Book.svg#Futura-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura';
    src: url('./assets/fonts/Futura-Light.eot');
    src: url('./assets/fonts/Futura-Light.eot?#iefix') format('embedded-opentype'),
        url('./assets/fonts/Futura-Light.woff2') format('woff2'),
        url('./assets/fonts/Futura-Light.woff') format('woff'),
        url('./assets/fonts/Futura-Light.ttf') format('truetype'),
        url('./assets/fonts/Futura-Light.svg#Futura-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}




/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
a, button, input[type="submit"] { -moz-transition: all .2s ease-in;-o-transition: all .2s ease-in;-webkit-transition: all .2s ease-in;transition: all .2s ease-in}
a,abbr,acronym,address,area,b,bdo,big,blockquote,body,button,caption,cite,code,col,colgroup,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,i,images,ins,kbd,label,legend,li,map,object,ol,p,param,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;vertical-align:baseline}
:focus{outline:0}
a:focus,a{color:#000;text-decoration:none}
a:hover{text-decoration:underline;color: #a84900;}
abbr,acronym,dfn{border-bottom:1px dotted;cursor:help}
code,pre{font-size:1em}
del{text-decoration:line-through}
dfn{font-style:italic;font-weight:700}
dt{font-weight:700}
dd{margin:0 0 1em 10px}
fieldset{border:0}
fieldset p{margin:0 0 5px}
img{border:0;vertical-align:bottom}
ins{text-decoration:none}
hr{margin:0 0 .5em}
strong{font-weight:600;font-family: 'Futura', Arial, Sans-Serif}
input:focus,textarea:focus,button:focus{outline:none}
input[type=submit],button{cursor:pointer}
input[type=text],input[type=password],input[type=file],input[type=submit],textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0}
ul,li{padding:0;margin:0;list-style: none}
img{max-width:100%;height:auto;}
p {margin-bottom: 28px;}
p:last-child {margin-bottom: 0;}
body {background:#FFF;color: #000000;font: 300 18px/28px 'Futura', Arial, Sans-Serif}
*{box-sizing:border-box}
.left {float: left}
.right {float: right}
.clearer-block:after{display:table;content:'';clear:both}
h1,h2 {font-family: 'TradeGothic', Arial, Sans-Serif; font-weight: normal;font-size: 70px;line-height: 80px;text-transform: uppercase;}
h3 {color: #bb5e0d;font-size: 30px;line-height: 40px;font-weight: 300;margin-bottom: 10px;}
.btn {text-transform:uppercase ;font: normal 16px/17px 'TradeGothic', Arial, Sans-Serif;color: #fff;border: 1px solid #fff;background: transparent;-webkit-appearance: none;padding: 5px 10px 4px;display: inline-block;}
.btn:hover {background: #a84900;border-color: #a84900;text-decoration: none;color: #fff;}


/* Containers */
.container {max-width: 1450px;padding: 0 25px;margin: 0 auto;position: relative;z-index: 2;}

/* Containers */
#page {max-width: 100%;overflow: hidden;padding-top: 122px;}

/* Header */
#header {width:100%;position: fixed;left: 0;top:0;background: #fff;z-index: 999;}
.admin-bar #header {top: 32px}
#header .logo {width: 200px;display: inline-block;}
#header .container {text-align: center;padding-top: 20px;padding-bottom: 20px;}
.menu-dropdown .menu-holder{position:fixed;width: 325px;transform:translate(100%,0);z-index:10;display:block;top:0;right:0;background:#000000;transition:all .3s ease-in-out;overflow:auto;padding-top: 121px;padding-bottom:50px;overflow: auto;height: 100vh;text-align: left;padding: 120px 30px 25px;}
.admin-bar .menu-dropdown .menu-holder {top: 32px;height: calc(100vh - 32px);}
.menu-button{z-index:100;position:relative;padding:0;height: 34px;background: transparent;border: none;-webkit-appearance: none;position: absolute;right: 25px;top: 43px;transition: none;}
.admin-bar .menu-dropdown.open .menu-button {top: 75px}
.menu-dropdown.open .menu-button {position: fixed;}
.menu-dropdown.open .menu-holder{transform:translate(0,0)}
.humb{display:block;width: 40px;height: 6px;background:#a84900;transform: translateY(0px);-webkit-transition:transform 0 300ms;transition:transform 0 300ms;text-indent:-9999px;text-align: left;top: 0;}
.humb::before,.humb::after{display:block;position:absolute;content:"";z-index:-1;width: 40px;height: 6px;background:#a84900;}
.humb::before{bottom: 13px;transition:bottom 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.humb::after{top: 13px;transition:top 300ms 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms cubic-bezier(0.23,1,0.32,1);}
.open .humb{background:none}
.open .humb::after{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);transition:top 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}
.open .humb::before{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:bottom 300ms cubic-bezier(0.23,1,0.32,1),transform 300ms 300ms cubic-bezier(0.23,1,0.32,1)}
.menu-button:hover{border-bottom:0;outline:none}
.menu-holder ul {display: block;border-top: 1px dotted #ffffff;}
.menu-holder li {display: block;border-bottom: 1px dotted #ffffff;}
.menu-holder li a{color: #a84900;font-size: 26px;line-height: 44px;}
.menu-holder li.current-menu-item a,
.menu-holder li a:hover {color:#fff;text-decoration: none;}


/* Content*/
.full-width-image {margin-bottom: 8px;max-height: 700px;overflow: hidden;}
.flex-content{display: flex;flex-wrap: wrap;}
.half-image .flex-content{padding-bottom: 8px;}
.col-2 {width: 50%;}
.half-image .col-2 {padding-right: 4px;}
.half-image .col-2 + .col-2 {padding-right: 0;padding-left: 4px;}
.half-image .img-h,
.half-image .col-2 {position: relative;}
.half-image img,
.half-image .img-h {width: 100%;}
.half-image .img-h:after {content: '';position: absolute;left: 0px;bottom: 0;width: 100%;height: 55%; z-index: 3;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 42%, rgba(0,0,0,0.6) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 42%,rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 42%,rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );   
}
.half-image .text {position: absolute;bottom: 40px;margin: 0 auto;right: 0;padding: 0 25px;z-index: 5;max-width: calc(1450px/2);width: 100%;color: #fff;font-size: 24px;text-align: left;padding-right: 100px;}
.half-image .col-2 + .col-2 .text {right: auto;left: 0;padding-left: 100px;}
article ul {margin-bottom: 30px;}
ol {padding-left: 40px;font-size: 24px;line-height: 28px;}
ol li {list-style: decimal;}
article ul li {position: relative;padding-left: 25px;}
article ul li::before {position: absolute;content: '';left: 0;top: 8px;background: #000;width: 12px;height: 12px;}
.half-image ul li::before {background: #a84900;}
.text-content ul li::before {background: #ffffff;}
.text-content {
    background-color: #a84900;
    position: relative;
    margin-bottom: 8px;
    padding: 70px 0 100px;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
}
.text-content h2 {margin-bottom: 20px;text-transform: uppercase;}
.text-content h3 {color: #fff;}
.bg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.25;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
.grey-bg {background: #aaaaaa;}
.text-content ul {width: 100%;float: left;padding-left: 40px;font-size: 24px;line-height: 28px;margin-bottom: 0; column-count: 2;}
.text-content ul + p {margin-top: 40px;}
.text-content li {margin-bottom: 10px;}
.text-content .container:after {clear: both;display: table;content: '';}
.text-content .btn {font-size: 22px;line-height: 26px;padding: 5px 15px 4px;}
.contact-us {position: relative;background: #fff;margin-bottom: 8px;padding: 70px 0 100px;font-size: 28px;line-height: 38px;}
.contact-us h2 {margin-bottom: 20px; color: #a84900;width: 100%;text-transform: uppercase;}
.contact-us p {max-width: 540px;}
.contact-us .bg {background-size: auto 100%;background-position: left center;}
.gform_wrapper {padding: 0 20px;font-size: 16px;line-height: 24px;}
.gform_wrapper ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 0;}
.gform_wrapper li {margin-bottom: 15px;width: 100%;padding-left: 0;}
.gform_wrapper li::before {display: none;}
.gform_wrapper li.half {width: 46.5%;}
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="phone"],
.gform_wrapper textarea,
.gform_wrapper input[type="text"] {width: 100%;background: #fff;color: #000000;font: 300 18px/24px 'Futura', Arial, Sans-Serif;border: 1px solid #a84900;padding: 6px 10px;}
.gform_wrapper textarea {max-height: 150px;resize: none;}
.gform_wrapper input[type="submit"] {font: normal 15px/17px 'TradeGothic', Arial, Sans-Serif;color: #000;border: 1px solid #a84900;background: transparent;-webkit-appearance: none;padding: 5px 22px 4px;display: inline-block;text-transform: uppercase;}
.gform_wrapper input[type="submit"]:hover {background: #a84900;color: #fff;text-decoration: none;}
.gform_wrapper .gform_footer {padding-top: 10px;}
input::-webkit-input-placeholder {color: #999999;font: 300 16px/24px 'Futura', Arial, Sans-Serif}
input::-moz-placeholder {color: #999999;font: 300 16px/24px 'Futura', Arial, Sans-Serif}
input:-ms-input-placeholder {color: #999999;font: 300 16px/24px 'Futura', Arial, Sans-Serif}
input:-moz-placeholder{color: #999999;font: 300 16px/24px 'Futura', Arial, Sans-Serif}
.validation_error,
.gfield_required {display: none;}
.validation_message {color: #a84900;font-size: 14px;}
.gform_confirmation_message {color: #a84900;text-align: center;}

.text-image-list {padding: 80px 0 50px;color: #fff;font-size: 30px;line-height: 40px;position: relative;margin-bottom: 8px;}
.text-image-list.listing h2 {margin-bottom: 26px;}
.text-image-list .heading {margin-bottom: 40px;}
.text-image-list .item {position: relative;display: flex;flex-wrap: wrap;margin-bottom: 60px;}
.text-image-list .item .img-h {width: 400px;}
.text-image-list .item .text {width: calc(100% - 400px);padding-left: 40px;color: #000;}
.text-image-list .item .text h3 {margin-top: -5px;}

.slider-section h2 {margin-bottom:50px;color: #a84900;font-size: 90px;line-height: 90px;}
.slide {position: relative;display: flex;flex-wrap: wrap;}
.slide .img-h {max-width: calc(100% - 400px);width: 100%;}
.slide .text {width: 400px;padding-left: 40px;color: #000;padding-left: 45px;font-size: 20px;line-height: 28px;}

.logos {padding: 70px 0;border-bottom: 5px solid #aaaaaa;position: relative;z-index: 10;}
.logos .logo {padding: 0 30px;justify-content: center;}
.full-width-image img {width: 100%;}

/* slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:flex}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
ul.slick-dots{margin-bottom:0;text-align:center;margin-top: 30px;}
ul.slick-dots li{display:inline-block;padding-left:0;margin:0 7px;line-height:20px}
ul.slick-dots li button{text-indent:-9999px;background:#aaa;width:20px;height:20px;border:2px solid #000;border-radius:50%;line-height:20px}
ul.slick-dots li.slick-active button{background:#000;}
ul.slick-dots li::before{display:none}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:10px 0 20px;width:200px}
#sidebar ul {list-style:none;margin:0 0 1em 18px}
#sidebar ul ul {list-style:disc}

/* Footer */
#colophon { background: #000;padding: 70px 0 50px;color: #fff;position: relative;}
#colophon .footer-logo{width:280px;display: block;margin-bottom: 27px;}
#colophon .container{display: flex;flex-wrap: wrap}
#colophon .info,
#colophon .right-side{width: 30%;}
#colophon .right-side { width: 70%; display: flex;/*flex-wrap: wrap;*/ justify-content:flex-end;padding-top: 40px;margin-bottom: 35px;}
#colophon .map {width: 300px; margin-right: 90px;}
#colophon .affiliations { width: 250px;}
#colophon .affiliations h3 {
	color: #a84900;
    font-size: 20px;
    line-height: 30px;
	border-bottom: 1px dotted #ffffff;
    padding: 0 0 2px;
}

#colophon .menu {width: 200px;margin-right: 90px}
#colophon .menu ul {display: block;border-top: 1px dotted #ffffff;}
#colophon .menu li {display: block;border-bottom: 1px dotted #ffffff;padding: 2px 0;}
#colophon a{color: #a84900;font-size: 20px;line-height: 30px;}
#colophon a:hover {color:#fff;text-decoration: none;}
#colophon .info p {line-height: 23px;font-size: 16px;}
#colophon .copyright{line-height: 20px;font-size: 14px;}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Comments */
#comments_wrap ol {list-style:none}
#comments_wrap ol li {border-bottom:1px solid #CCC;margin:0 0 5px}
#comments_wrap .commentmetadata {margin:0 0 10px}
#comments_wrap .comment-author {border-bottom:1px solid #CCC;width:100%;overflow:hidden;padding:0 0 3px;line-height:32px;}
#comments_wrap .comment-author img {float:left;margin:0 10px 0 0}
#comments_wrap .comment-author cite {font-weight:bold}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

@media screen and (max-width: 1245px) {
    #colophon .menu {margin-right: 60px;}
    #colophon .info {width: 40%;}
    #colophon .right-side {width: 100%; flex-wrap: wrap;}
    .half-image .text {padding-right: 25px;}
    .half-image .col-2 + .col-2 .text {padding-left: 25px;}
    .slider-section h2 {font-size: 70px;line-height: 80px;}
}
@media screen and (max-width: 1024px) {
    .text-content ul {padding-left: 20px;}
}
@media screen and (max-width:800px) {
    .text-content ul {padding-left: 20px;}
    .half-image .text {font-size: 18px;}
    h1,
    h2 {font-size:60px;line-height: 66px;}
    .half-image .img-h:after {height: 100%;}
    .contact-us,
    .text-content {font-size: 18px;line-height: 28px;padding: 50px 0 70px;}
    .text-image-list {padding: 60px 0;}
    .text-image-list,
    .text-content ul {font-size: 18px;line-height: 28px;}
    .contact-us .col-2 {width: 100%;}
    .gform_wrapper {padding: 0;margin-top: 40px;}
    #colophon .container {justify-content: space-between;}
    #colophon .menu {margin-right: 0;margin-bottom: 30px;}
    #colophon .right-side {width: 300px;justify-content: flex-start;}
    .slide .text,
    .slide .img-h {width: 100%;max-width: 100%;padding-left: 0;}
    .slide .img-h  {margin-bottom: 30px;}
    .text-image-list .item .img-h {width: 300px;max-width: 300px;}
    .text-image-list .item .text {width: calc(100% - 300px);}
}
@media screen and (max-width:767px) {
    .humb,
    .humb::before, .humb::after {width: 35px;height: 5px;}
    .humb::before {bottom: 11px;}
    .humb::after {top: 11px;}
    #colophon .info {width: 100%;}
    #colophon .menu {display: none;}
    #colophon .right-side,
    #colophon .map,
    #colophon .map img {width: 100%; margin-right: 0;}
	#colophon .affiliations {
		margin-top: 30px;
		width: 100%;
	}
    #header .container {text-align: left;padding-top: 10px;padding-bottom: 10px;}
    #header .logo {width: 150px;}
    #page {padding-top: 81px;}
    .menu-button {top: 25px}
    .half-image .col-2 {width: 100%;padding: 0 0 8px 0;}
    .half-image .col-2 + .col-2  {padding: 0;}
    .slider-section h2,
    h1,
    h2 {font-size: 45px;line-height: 50px;}
    .gform_wrapper li.half {width: 100%;}
    .text-content ul {float: none;width: 100%;padding-left: 0;margin-bottom: 30px;}
    .text-content ul + ul {margin-top: -30px;margin-bottom: 0;}
    .text-image-list .item .img-h {width: 100%;max-width: 100%;margin-bottom: 30px;}
    .text-image-list .item .text {width:100%;padding-left: 0;}
    .text-image-list .item:last-child {margin-bottom: 0;}
    .text-image-list {padding-bottom: 50px;}
    .logos {padding: 40px 0;}
}