/*
Theme Name:	coalalliance
Description: A clean website designed by Miles Chic and developed by Alan Chao. This website features a customized back-end that enables users to adjust and edit their content with ease. If you have any questions or need help, please feel free to contact anyone in Carter Hales Design Lab.
Version: 100.0
Author: Miles Chic / Alan Chao @ Carter Hales Design Lab
*/

/*  #INDEX
==================================================
1. @GRID
2. @GENERAL
3. @SLICK
4. @HEADER
5. @BODY
6. @MOZILLA FIXES
7. @FIREFOX FIXES
================================================== */

/* @IMPORT GOOGLE FONTS
================================================== */
/* mtv 231023 deactivate existing and add new call below
@import url(http://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic); */
 @import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/* @GRID
================================================== */

.container { margin: 0px auto; 
padding: 0px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 1100px;
width: 100% !important;
}

.container .column, .container .columns { float: left; 
display: inline; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 12.5px;
padding-right: 12.5px;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.row { margin-bottom: 20px; 
}

.clear { clear: both;
height: 1px;
width: 100%;
}

.container .left.columns { padding-left: 0px;
}

.container .center-of-three.columns { padding-left: 0px;
padding-right: 0px;
}

.container .right.columns { padding-right: 0px;
}

/* GRID OPTION 1: add up to 16 to make a complete width */
.container .one.columns { width: 6.25%; }
.container .two.columns { width: 12.5%; }
.container .three.columns { width: 18.75%; }
.container .four.columns { width: 25%; }
.container .five.columns { width: 31.25%; }
.container .six.columns { width: 37.5%; }
.container .seven.columns { width: 43.75%; }
.container .eight.columns { width: 50%; }
.container .nine.columns { width: 56.25%; }
.container .ten.columns { width: 62.5%; }
.container .eleven.columns { width: 68.75%; }
.container .twelve.columns { width: 75%; }
.container .thirteen.columns { width: 81.25%; }
.container .fourteen.columns { width: 87.5%; }
.container .fifteen.columns { width: 93.75%; }
.container .sixteen.columns { width: 100%; }

/* GRID OPTION 2: literal use */
.container .onehalf.columns { width: 50%; }
.container .full.columns { width: 100%; }

.container .onethird.columns { width: 33.33%; }
.container .twothirds.columns { width: 66.66%; }

.container .onequarter.columns { width: 25%; }
.container .twoquarters.columns { width: 50%; }
.container .threequarters.columns { width: 75%; }

.container .onefifth.columns { width: 20%; }
.container .twofifths.columns { width: 40%; }
.container .threefifths.columns { width: 60%; }
.container .fourfifths.columns { width: 80%; }

.container .oneeight.columns { width: 12.5%; }
.container .twoeights.columns { width: 25%; }
.container .threeeights.columns { width: 37.5%; }
.container .foureights.columns { width: 50%; }
.container .fiveeights.columns { width: 62.5%; }
.container .sixeights.columns { width: 75%; }
.container .seventeights.columns { width: 87.5%; }

.container .onetenth.columns { width: 10%; }
.container .twotenths.columns { width: 20%; }
.container .threetenths.columns { width: 30%; }
.container .fourtenths.columns { width: 40%; }
.container .fivetenths.columns { width: 50%; }
.container .sixtenths.columns { width: 60%; }
.container .seventenths.columns { width: 70%; }
.container .eighttenths.columns { width: 80%; }
.container .ninetenths.columns { width: 90%; }

.container .sevencolumns.columns { width: 14.2857143%; }
.container .fifteenpercent.columns { width: 15%; }

/*  @EDITOR STYLES
================================================== */
.button { color: #0068b1;
text-decoration: none;
font-weight: 900;
font-size: 15.5px;
font-family: 'Karla';
text-align: center;
text-decoration: none;
background: white;
border: 2px solid #0068b1;
border-radius: 25px;
padding: 5px 25px 5px 25px;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.button:hover { color: white;
background: #0068b1;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.paragraph { color: #333333;
font-size: 19px;
margin-top: 0px;
margin-bottom: 20px;
line-height: 22px;
letter-spacing: -1px;
font-family: 'Karla';
}

.heading1  { font-size: 19px;
line-height: 22px;
color: #424c53;
letter-spacing: -1px;
font-family: 'Karla';
display: block;
margin-bottom: 25px;
}

.header2 { font-size: 26px;
line-height: 32px;
color: white;
font-weight: 400;
letter-spacing: -1px;
font-family: 'Karla';
}

.heading3, h1 { color: #414141;
display: block;
margin-bottom: 30px;
letter-spacing: -1px;
font-family: 'Karla';
font-size: 23px;
font-weight: 900;
}

.heading4 { font-size: 18px;
color: white;
font-weight: bold;
width: 100%;
border-bottom: 2px solid white;
padding-bottom: 5px;
margin: 0px 0px 35px 0px;
text-transform: uppercase;
font-family: 'Karla';
}

li
{
margin-bottom:4px;
}

/*  @GENERAL
================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 0px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

body { background: #d5dfe6;
color: #2e3239;
}

#wrapper-container { max-width: 1200px;
width: 100%;
padding-top: 100px;
margin-left: auto;
margin-right: auto;
}

#white-band { background: white;
padding-bottom: 40px;
padding-top: 30px;
}

body, p, a, h1, h2, h3, h4, i, button, input[type="button"], input[type="reset"], input[type="submit"], input, select, textarea, li, ul  { font-family: 'Karla';
/* just footer bullets? */
	font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333333;
letter-spacing: -1px;
}

#wrapper-container #white-band a { color: #0068b1;
}

#wrapper-container #white-band ul { margin-left: 20px;
margin-top: -10px;
}

#wrapper-container #white-band ul li ul { margin-top: 2px;
}

p { color: #333333;
font-size: 16px;
margin-top: 0px;
margin-bottom: 20px;
line-height: 19px;
letter-spacing: -1px;
}

h1 { font-size: 23px;
line-height: 29px;
color: #424c53;
letter-spacing: -1px;
font-weight:bold;
}

h2 { font-size: 26px;
line-height: 32px;
color: white;
font-weight: 400;
letter-spacing: -1px;
}

h3 { margin-bottom: 0px;
letter-spacing: -1px;
}

h4 { font-size: 18px;
color: white;
font-weight: bold;
width: 100%;
border-bottom: 2px solid white;
padding-bottom: 5px;
margin: 0px 0px 35px 0px;
text-transform: uppercase;
}

a { text-decoration: none;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover { -moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #A9A9A9 !important;
}

video { display: block;
}

img { width: auto;
max-width: 100%;
}

/*  @HEADER
================================================== */
header { background: white;
width: 100%;
height: 100px;
position: fixed;
top: 0px;
z-index: 100;
box-shadow: 0px 0px 10px 0px #d5dfe6;
} 

.logo-home a { margin-top: 32px;
display: inline-block;
}

.navigation ul { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
text-align: right;
margin-top: 35px;
}

.navigation ul li { list-style-type: none;
display: inline-block;
flex-grow: 1;
-webkit-flex-grow: 1;
}

.navigation ul li a { text-decoration: none;
font-size: 16.5px;
font-weight: 700;
background: white;
border: 2px solid #0068b1;
border-radius: 25px;
padding: 5px 15px 5px 15px;
color: #0068b1;
}

.navigation ul li a:hover { background: #0068b1;
color: white !important;
}

/*  @MOBILE MENU
================================================== */
.navigation-is-open { overflow: hidden;
}

main { position: relative;
z-index: 2;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform 0.7s;
-moz-transition: -moz-transform 0.7s;
transition: transform 0.7s;
-webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
-moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
background: #d5dfe6;
box-shadow: 0px 0px 10px 0px #395d76;
}

.navigation-is-open main { -webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}

.cd-nav-trigger { display: none;
position: fixed;
z-index: 3;
right: 24px;
top: 18px;
border: 2px solid #0068b1;
color: #0068b1;
border-radius: 25px;
padding: 4px 35px 5px 35px;
text-decoration: none;
font-weight: 900 !important;
font-size: 16px !important;
font-family: "Karla" !important;
background-color: white;
overflow: hidden;
white-space: nowrap;
-webkit-transition: -webkit-transform 1.5s;
-moz-transition: -moz-transform 1.5s;
transition: transform 1.5s;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.cd-nav-trigger:hover { background: #0068b1 !important;
color: white !important;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.navigation-is-open #menu-text { display: none;
}

.navigation-is-open .cd-nav-trigger:after { content: "Close";
}

.cd-nav { position: fixed;
z-index: 1;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #395d76;
visibility: hidden;
-webkit-transition: visibility 0s 0.7s;
-moz-transition: visibility 0s 0.7s;
transition: visibility 0s 0.7s;
}

.cd-nav .cd-navigation-wrapper { height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0px 24px 0px 24px;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
opacity: 0;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}

.cd-half-block { padding-top: 70px;
}

.navigation-is-open .cd-nav { visibility: visible;
-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;
}

.navigation-is-open .cd-nav .cd-navigation-wrapper { -webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
-moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
opacity: 1;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

.cd-nav .cd-primary-nav { margin-top: 60px;
}

.cd-nav .cd-primary-nav li { margin: 1.6em 0;
}

.cd-nav .cd-primary-nav a { font-size: 2.4rem;
color: rgba(255, 255, 255, 0.3);
display: inline-block;
}

.cd-nav .cd-primary-nav a.selected { color: #ffffff;
}

.no-touch .cd-nav .cd-primary-nav a:hover { color: #ffffff;
}

.cd-nav .cd-contact-info { margin-top: 80px;
}

.cd-nav .cd-contact-info li { margin-bottom: 1.5em;
line-height: 1.2;
color: rgba(255, 255, 255, 0.3);
}

.cd-nav .cd-contact-info a { color: #ffffff;
}

.cd-nav .cd-contact-info span { display: block;
}

.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
font-size: 1.6rem;
}

.no-js main { height: auto;
overflow: visible;
}

.no-js .cd-nav { position: static;
visibility: visible;
}

.no-js .cd-nav .cd-navigation-wrapper { height: auto;
overflow: visible;
padding: 100px 5%;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}

#cd-nav ul { list-style-type: none;
}

#cd-nav ul li { display: block;
height: 30px;
}

#cd-nav ul li a { color: white;
border-radius: 25px;
padding: 4px 35px 5px 0px;
text-decoration: none;
font-weight: 900 !important;
font-size: 16px !important;
font-family: "Karla" !important;
}

#cd-nav #box-subtitle { margin-top: 40px;
margin-bottom: 0px;
}

#cd-nav #infographic-cta { background: transparent;
padding: 0px !important;
}

#cd-nav #box-title { font-size: 16px !important;
font-weight: 900 !important;
}

#cd-nav #infographic-cta img { margin-top: 0px;
display: block;
margin-bottom: 40px;
}

#cd-nav #box-button { position: relative;
bottom: 0px;
left: 0px;
display: block;
max-width: 72px;
margin-bottom: 40px;
}

#cd-nav #recent-blog-post { background: transparent;
padding: 0px !important;
}

#cd-nav #box-date { margin-bottom: 20px;
}


/* @HOME PAGE SLIDER
================================================== */
#carousel { background: white;
width: 100%;
}

.flexslider { position: relative;
overflow: hidden;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

.flex-control-paging { position: absolute;
top: 370px;
z-index: 10;
margin: 0 auto;
text-align: center;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}

.flex-control-paging li { display: inline-block;
margin: 0px 5px 0px 5px;
}

.flex-control-paging li a.flex-active { background: #FFC864;
}

.flex-control-paging li a { width: 7px;
height: 7px;
display: block;
background: white;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}

.flexslider ul.slides { margin: 0px;
}

#text-block { max-width: 1100px;
width: 100%;
margin: 0 auto;
position: absolute;
top: 50px;
left: 71px;
}

.flexslider #text-block #quote p { color: #0068b1;
font-size: 55px;
line-height: 50px;
margin: 0px;
text-align: left;
}

.flexslider #text-block #quote p b, .flexslider #text-block #quote p strong { 
font-size: 55px;
color: white;
line-height: 50px;
font-weight: 900;
}

.flexslider #text-block #quote { display: block;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.flexslider li img { width: 100%;
}

#carousel .slides li p a { color: #775a1d;
background: #FFC864;
text-transform: uppercase;
text-decoration: none !important;
font-size: 12px;
font-weight: 700;
padding: 15px 30px 13px 30px;
border-radius: 3px;
margin-right: 1px;
text-shadow: none !important;
}

#carousel .slides li p a:hover { background: rgb(255, 225, 132) !important;
color: #775a1d !important;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}

/* HOME PAGE
================================================== */
#introduction { margin-top: 20px;
color: #424c53;
width: 85%;
}

.home-introduction-cta { margin-top: 20px;
}

/* ABOUT COAL
================================================== */
#section-video-center { text-align: center;
margin-top: 100px;
}

#section-video-center iframe { width: 100%;
}

#section-video-center p span.paragraph { font-size: 21px;
line-height: 28px;
padding-left: 60px;
padding-right: 60px;
display: block;
margin-bottom: 40px;
}

.left-videos { padding-right: 30px !important;
}

.right-videos { padding-left: 30px !important;
}

/* TABBED CONTENT
================================================== */
.tabs { width:100%;
display:inline-block;
}

.tab-links { margin: 0px;
}
 
.tab-links:after { display: block;
clear: both;
content: '';
}
 
.tab-links li { margin: 10px 5px 0px 0px;
float:left;
list-style:none;
}
 
.tab-links a { padding: 9px 15px;
display: inline-block;
background: #395d76;
font-size: 16px;
font-weight: 600;
color: white;
transition: all linear 0.15s;
}
 
li.active a, li.active a:hover { background: #fff;
color: #4c4c4c;
}
 
.tab { display: none;
}
 
.tab.active { display: block;
}

/* NEWS ARCHIVE
================================================== */
#page-header { position: relative;
top: -50px;
}

#page-header h2 { color: #333 !important;
}

#white-band.list-of-news { padding-top: 75px;
}

.list-of-news #box-button { position: relative;
margin-top: 40px;
display: block;
max-width: 72px;
left: 0px;
bottom: 0px;
color: white !important;
}

.list-of-news #container { margin-bottom: 20px;
}

.news-block-archive { margin-top: 20px;
}

#box-excerpt p { color: white;
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
line-height: 19px;
letter-spacing: -1px;
font-family: 'Karla';
}

.item.onethird.columns { width: 32.66%;
}

.prev.page-numbers { float: left;
text-align: center;
text-decoration: none;
font-size: 16.5px;
font-weight: 700;
background: white;
border: 2px solid #333333;
border-radius: 25px;
padding: 5px 15px 7px 15px;
color: #333333 !important;
position: absolute;
left: 0px;
line-height: 20px;
}

.next.page-numbers { float: right;
text-align: center;
text-decoration: none;
font-size: 16.5px;
font-weight: 700;
background: white;
border: 2px solid #333333;
border-radius: 25px;
padding: 5px 15px 7px 15px;
color: #333333 !important;
position: absolute;
right: 0px;
line-height: 20px;
}

.prev.page-numbers:hover, .next.page-numbers:hover { background: #333333;
color: white !important;
}

#blog-pagin { text-align: center;
position: relative;
height: 36px;
line-height: 36px;
}

.page-numbers { min-width: 15px;
display: inline-block;
text-align: center;
}

/* NEWS SINGLE
================================================== */
#news-info-header { border-bottom: 2px solid #424c53;
margin-bottom: 30px;
padding-bottom: 20px;
}

#news-info-header #box-title { font-size: 26px;
line-height: 29px;
color: #424c53;
letter-spacing: -1px;
font-family: 'Karla';
display: block;
margin-bottom: 25px;
text-align: center;
font-weight: 900;
}

#news-info-header #box-date { color: #424c53;
text-align: center;
}

#small-line-break { margin-top: 30px;
margin-bottom: 20px;
height: 2px;
width: 100%;
background: #424c53;
}

#more-news { text-align: center;
text-decoration: none;
font-size: 16.5px;
font-weight: 700;
background: white;
border: 2px solid #333333;
border-radius: 25px;
padding: 5px 15px 7px 15px;
color: #333333 !important;
line-height: 20px;
}

#back-to-news { background: url(images/back-arrow2.png) no-repeat;
text-indent: -9000px;
width: 30px;
height: 30px;
background-size: 30px 30px;
text-align: center;
position: relative;
top: -50px;
left: -160px;
display: none;
}

body.news #back-to-news {
	display: block;
}

#back-to-blog { background: url(images/back-arrow2.png) no-repeat;
text-indent: -9000px;
width: 30px;
height: 30px;
background-size: 30px 30px;
text-align: center;
position: relative;
top: -50px;
left: -160px;
display: none;
}

body.blog #back-to-blog {
	display: block;
}

#back-to-news:hover { background: url(images/back-arrow2-hover.png) no-repeat;
width: 30px;
height: 30px;
background-size: 30px 30px;
}

#back-to-news:hover:after { content: "Back to news";
text-indent: 0px;
color: #333333;
left: 40px;
text-align: left;
position: relative;
width: 100px;
height: 20px;
display: block;
top: -13px;
}

#back-to-blog:hover { background: url(images/back-arrow2-hover.png) no-repeat;
width: 30px;
height: 30px;
background-size: 30px 30px;
}

#back-to-blog:hover:after { content: "Back to blog";
text-indent: 0px;
color: #333333;
left: 40px;
text-align: left;
position: relative;
width: 100px;
height: 20px;
display: block;
top: -13px;
}

/* FOOTER BLOCKS
================================================== */
#lightblue-band { background: #e5edf3;
padding-top: 60px;
padding-bottom: 60px;
}

#lightblue-band .container { max-width: 1205px;
}

#lightblue-band .container .columns { padding-left: 25px;
padding-right: 25px;
}

.footerblock { height: 420px;
position: relative;
}

#recent-blog-post.blog-post-style {
	background: #15bbef;
}

#recent-blog-post { background: #0068b1;
padding: 40px 60px 35px 40px !important;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#infographic-cta { background: #15bbef;
padding: 40px 60px 35px 40px !important;
height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#twitter-container { background: white;
padding: 40px 60px 35px 40px !important;
height: auto;
min-height: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#twitter-container { display: block !important;
}

#infographic-cta img { margin-top: 30px;
}

#twitter-container #box-subtitle { color: #0068b1;
border-bottom: 2px solid #0068b1;
}

#box-subtitle { font-size: 18px;
color: white;
font-weight: bold;
width: 100%;
border-bottom: 2px solid white;
padding-bottom: 5px;
margin: 0px 0px 35px 0px;
text-transform: uppercase;
}

#box-title { color: white;
font-size:23px;
}

#box-date { color: white;
font-size: 16.5px;
font-weight: 900;
margin-top: 0px;
margin-bottom: 0px;
}

#box-button { position: absolute;
bottom: 43px;
border: 2px solid white;
border-radius: 25px;
padding: 5px 22px 5px 22px;
left: 65px;
color: white;
text-decoration: none;
font-weight: 900;
font-size: 15.5px;
}

#box-button:hover { background: white;
color: #424c53 !important;
}

.twitter-follow-button { position: absolute;
bottom: 50px;
}

#twitter-widget-1 { max-height: 230px;
}

/*  #FOOTER SUBSCRIBE
================================================== */
#white-band.footer { padding-top: 60px;
padding-bottom: 60px;
}

.subscribe-text p { font-size: 21px;
margin-bottom: 40px;
line-height: 26px;
}

.alone-subscribe-text { width: calc(27.5% - 5px) !important;
}

.subscribe-text p b { margin-right: 35px;
}

.abs-req { display: none;
}

.wysija-paragraph { display: inline-block;
margin-right: 55px;
width: calc(27.5% - 55px);
}

.wysija-paragraph input { padding: 10px 10px 10px 15px;
font-size: 19px;
color: #525253;
border-radius: 5px;
box-shadow: none;
border: 1px solid #81888c;
width: 100%;
}

.wysija-paragraph input::-webkit-input-placeholder {
font-style: italic;
}

.wysija-paragraph input:-moz-placeholder { 
font-style: italic; 
}

.wysija-paragraph input::-moz-placeholder {
font-style: italic;
}

.wysija-paragraph input:-ms-input-placeholder {  
font-style: italic;
}

.wysija-submit { border: 2px solid #0068b1;
border-radius: 25px;
padding: 4px 35px 5px 35px; color: white;
text-decoration: none;
font-weight: 900 !important;
font-size: 16px !important;
font-family: "Karla" !important;
background: white;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #0068b1 !important;
}

.wysija-submit:hover { background: #0068b1;
color: white !important;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/* FOOTER COPYRIGHT
================================================== */
#dark-band { background: #395d76;
color: white;
padding-top: 30px;
padding-bottom: 135px;
}

.copyright p { color: white;
font-size: 13px;
margin-top: 15px;
letter-spacing: 0px;
}

.footer-nav ul { display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}

.footer-nav li { display: inline-block;
list-style-type: none;
flex-grow: 1;
-webkit-flex-grow: 1;
text-align: right;
}

.footer-nav li a { color: white;
font-size: 16px;
font-weight: bold;
display: inline-block;
}

#backtotop a { text-indent: -9000px !important;
background: url(images/arrow-up.png) no-repeat;
width: 30px;
height: 28px;
background-size: 30px 28px;
position: relative;
top: -10px;
}

/*  #1200
================================================== */
@media all and (max-width: 1200px) { 
  #lightblue-band.footer .container { padding: 0px;
  }
  
  #twitter-container, #recent-blog-post, #infographic-cta { padding-right: 40px !important;
  }
}

/*  #1100
================================================== */
@media all and (max-width: 1100px) { 
  #lightblue-band { padding-top: 50px;
  }
  
  .news-block.footerblock, .infographic-block.footerblock { width: 50% !important;
  }
  
  .twitter-block.footerblock { width: 100% !important;
  height: 300px;
  margin-top: 50px;
  }
  
  #twitter-widget-1 { max-height: none;
  width: 100% !important;
  }
  
  .twitter-follow-button { position: relative;
  bottom: 10px;
  }
  
  .subscribe-text p b { display: block;
  margin-bottom: 5px;
  }
  
  .subscribe-text p { line-height: 26px;
  }
  
  #text-block { left: 22px;
  }
  
  .item.onethird.columns { width: 49%;
  }
  
  #back-to-news, #back-to-blog { position: absolute;
  left: 23px;
  top: 150px;
  }
}

/*  #1035
================================================== */
@media all and (max-width: 1035px) { 
html .fancybox-opened {
	width: 100% !important;
	top: 0px !important;
	left: 0px !important;
	position: fixed !important;
}

html .fancybox-type-iframe .fancybox-inner { margin: 0 auto !important;
width: 100% !important;
}
}

/*  #1000
================================================== */
@media all and (max-width: 1000px) { 
  #wrapper-container #white-band #section div { margin-left: 0px !important;
  }
    
  .fancybox-close { position: fixed !important;
  background: url(fancybox-close.jpg) !important;
  background-size: 56px 56px !important;
  z-index: 11000;
  }
}


/*  #930
================================================== */
@media all and (max-width: 930px) { 
  header { height: 120px;
  }
  
  #wrapper-container { padding-top: 120px;
  }
  
  .logo-home a { margin-top: 20px;
  }
  
  .navigation.columns { width: 100% !important;
  }
  
  .navigation ul { text-align: left;
  display: block !important;
  margin-bottom: 20px;
  margin-top: 30px;
  }
  
  .navigation ul li { margin-right: 10px;
  }
  
  #introduction { font-size: 22px;
  line-height: 26px;
  width: 90%;
  }
  
  #white-band { padding-top: 75px;
  padding-bottom: 75px;
  }
}
 
/*  #850
================================================== */
@media all and (max-width: 850px) { 
  #wrapper-container #white-band .columns { width: 100% !important;
  }
  
  #white-band { padding-top: 45px;
  padding-bottom: 45px;
  }
  
  .logo-home { width: 100% !important;
  }
  
  #text-block { top: 40px;
  }
  
  .flexslider #text-block #quote p { font-size: 40px;
  }
  
  .flexslider #text-block #quote p b, .flexslider #text-block #quote p strong {
  font-size: 45px;
  }

  .wysija-paragraph { width: calc(33% - 46px); 
  }
  
  .subscribe-form form p.wysija-paragraph:nth-child(3) { margin-right: 0px;
  }
  
  .wysija-submit { float: right;
  margin-top: 10px;
  }
  
  #dark-band { padding-bottom: 25px;
  }
  
  .copyright { width: 100% !important;
  }
  
  .copyright p { text-align: center;
  position: relative;
  top: 160px;
  }
  
  .footer-nav { width: 100% !important;
  }
  
  .footer-nav ul { margin-top: -10px;
  display: block;
  }
  
  .footer-nav li { display: block;
  clear: both;
  text-align: center;
  margin-bottom: 10px;
  }
  
  #backtotop { position: relative;
  top: -150px;
  }
  
  #wrapper-container .list-of-news #container .item.onethird.columns { width: 96% !important;
  }
  
  .list-of-news { padding-bottom: 55px !important;
  }
  
  .right-videos { padding-left: 12.5px !important;
  }
  
  .left-videos { padding-right: 12.5px !important;
  }
  
  #section-video-center p span.paragraph { padding-left: 20px;
  padding-right: 20px;
  }
  
  #back-to-news, #back-to-blog { position: relative;
  left: 0px;
  top: -20px;
  margin: 0 auto;
  }
}

/*  #750
================================================== */
@media all and (max-width: 750px) {
  .home-introduction, .home-introduction-cta { width: 100% !important;
  }

  #introduction { width: 100%;
  }
  
  .home-introduction-cta { margin-top: 30px;
  }
  
  #text-block { top: 0px;
  position: relative;
  background: #395d76;
  left: 0px;
  padding: 20px;
  }
  
  .flexslider #text-block #quote p b, .flexslider #text-block #quote p strong {
  font-size: 34px;
  line-height: 38px;
  }
  
  .flexslider #text-block #quote p { font-size: 28px;
  line-height: 32px;
  color: white;
  }
  
  .twitter-block.footerblock { height: auto;
  }
  
  #twitter-widget-1 { min-height: 190px;
  }
  
  .alone-subscribe-text { width: 100% !important;
  }
  
  .alone-subscribe-text p { margin-bottom: 10px;
  }
  
  .subscribe-text { width: 100% !important;
  }
}

/*  #660
================================================== */
@media all and (max-width: 660px) {
  .cd-nav-trigger { display: block;
  }
  
  #header .navigation { display: none;
  }
  
  header { height: 70px;
  box-shadow: 0px 0px 10px 0px #395d76;
  }
  
  #wrapper-container { padding-top: 70px;
  }
  
  footer .news-block, footer .infographic-block { display: none !important;
  } 
  
  #lightblue-band { padding-top: 0px;
  padding-bottom: 50px;
  }
  
  .wysija-paragraph { width: 100%;
  display: block;
  margin-right: 0px;
  }
  
  .wysija-paragraph input { width: calc(100% - 15px);
  padding-right: 0px;
  }
}

/*  #550
================================================== */
@media all and (max-width: 550px) {  
  .twitter-follow-button { bottom: 0px;
  }
}

/*  #450
================================================== */
@media all and (max-width: 450px) {
  header { height: 20px;
  padding: 20px 0px 20px 0px;
  }
  
  .logo-home a { margin-top: 0px;
  }
  
  .logo-home { width: 50% !important;
  padding-right: 0px !important;
  }
  
  .cd-nav-trigger { font-size: 14px !important;
  padding: 3px 15px 3px 15px;
  }
  
  #wrapper-container { padding-top: 60px;
  }
  
  .flexslider #text-block #quote p b, .flexslider #text-block #quote p strong {
  font-size: 30px;
  line-height: 34px;
  }
  
  .flexslider #text-block #quote p {
  font-size: 24px;
  line-height: 28px;
  }
}

/*  #420
================================================== */
@media all and (max-width: 420px) {
}

/*  #414
================================================== */
@media all and (max-width: 414px) {
}

/*  #360
================================================== */
@media all and (max-width: 360px) {
}