/*
Theme Name: Toast
Description:  The Toast Theme. Lightweight, tasty and totally awesome.
Author: David Foreman // Charlotte Brown
Copyright: David Foreman & Charlotte Brown 2018 All rights reserved. // DO NOT REMOVE THIS COPYRIGHT NOTICE
Date: March 2018
Version: 6.0-2019
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: Toast
Tags: one-column, two-columns, right-sidebar
License: None
License URI: LICENSE
*/


/*** Devan's (Toast) Code Changes ***/
.brand-logo-recents img {width: auto !important;max-width: 100% !important;max-height: 350px !important;clip-path: none !important;}
.single-post .post img {max-height: 450px !important;width: auto;}

/* Image Text Wrap Fix */
.aligncenter, .centered { display:block; text-align: center;margin: 0 auto;}
.align-right { text-align: right; }
.align-left { text-align: left; }
img.alignleft {padding-right:1rem;padding-top: 5px;}
img.alignright {padding-left:1rem;padding-top: 5px;}
.alignright {float: right !important;}
.alignleft {float: left !important;}
/************************************/

.gform_hidden{display:none !important;}
body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
}

.hide { display: none !important;}

.medium-width img {width:45% !important}
.narrow-width img {width:40% !important}
.dark-grey {background-color: #222 !important;}
.repeating-content-four h3 {font-weight: 700;}
.same-height {min-height: 168px !important;}
.paddingboth {padding-top: 5rem!important; padding-bottom: 5rem!important;}
.padding-bottom {padding-bottom: 5rem !important;}
.aligncenter {text-align:center; margin-left: auto; margin-right: auto;}



#full-width-image img {width: 100%; max-height: 250px; object-fit: cover; object-position: center;}

/* Recent Post Img Corner Cut */
.brand-logo-recents img{
	max-height: 240px;
    overflow: hidden;
    object-fit: cover;
    object-position: top;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}


/******* News Section **********/
/*.latest-news .row {display: flex; justify-content: center; align-items: center;}*/
.latest-news .columns {margin-left: 0 !important;}
.latest-news .six.columns {width: 50%;}

.latest-news ul {list-style-type: none; display: grid; grid-template-columns: repeat(2, auto); justify-content: start; margin-bottom:0;}
.latest-news li {display: flex; align-items: center; margin-bottom: 1rem; border-bottom: 3px solid #0a4668;}
.latest-news ul li:last-child, .latest-news ul li:nth-child(3) {border-bottom: none;}

.latest-news li:nth-child(3), .latest-news li:nth-child(4) {margin-bottom:0;}
.featured-image a img {max-height: 250px; object-fit:cover; object-position: top; width:100%; height:100%;}
.latest-news-content {background-color: #0a4668; color: #fff;}
.latest-news-text {height: 250px; display: grid; align-items: center; justify-items: center; justify-content: center; align-content: center; padding: 1.5rem; text-align:center;}
.latest-news-content a img {margin-left: auto; margin-bottom: 2rem; max-height: 290px; object-fit:cover; object-position: top; width:100%; height:100%;}
.latest-news-content p {color: #fff;}
.latest-news-title {font-weight: 700;}
.latest-news h5 a{color:#479fd2 !important;}
.latest-news-content h5 a:hover {color:#fff !important;}
.news-content h5 a:hover {color:#000 !important;}
.featured-news-title {float:right; width: 50%; padding: 5px;}
.featured-news-title h6 {font-size: 1.4rem; color: #222; margin-bottom:1rem;}
.featured-news-title h5 {font-size: 1.65rem; margin-left: 4px; margin-right: 4px;}
.news-content .featured-image {float:left; width:50%;}
.news-content .featured-image a img {max-height:160px; padding: 5px; height: 200px;}

.news-ad a img {max-height: 200px; padding-left: 5px; object-fit: cover; object-position: center;}

@media (min-width: 948px) {
	.latest-news-content .featured-image {height:290px;}
}

@media (max-width: 948px) {
	.latest-news ul {display: block;}
	.latest-news ul li:last-child {display:none;}
	.featured-image a img {max-height: 200px;}
}

@media (max-width: 768px) {
	.latest-news .row {display: block;}
	.latest-news .six.columns {width: 100%;}
	.featured-news-title h6 {font-size: 1.5rem;}
	.featured-news-title h5 {font-size: 2rem;}
	.latest-news-title  h5 {font-size: 3.5rem;}
	.latest-news ul li {padding-bottom: 2rem; padding-top: 2rem;}
}
/*******************************/


/******************  Slick Slider  ******************/

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{background: #fff url('./ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

.slide {
	max-height: 150px !important;
	display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 1rem 0;
	margin: 1rem;
	background-color: #fff;
	box-shadow: -4px 5px 3px 0 rgb(0 0 0 / 20%);
    padding: 2rem 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
	
.slide:hover {box-shadow: -8px 8px 5px 0 rgb(0 0 0 / 50%);}

.slick-slide img {
	width: 75%;
    max-height: 100%;
    height: auto;
}

/* Dots */
.slick-dotted .slick-slider {margin-bottom: 30px;}
.slick-dots{
    position: absolute;
	bottom: -7rem !important;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
	color:transparent;
}

.slick-dots li button:before {font-size: 2rem !important; color: #222 !important; opacity:1 !important;}
.slick-dots li.slick-active button:before {color: #479fd2 !important;}

/* Arrows */

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 30px;
    line-height: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    border: none;
    outline: none;
    
}
.slick-prev {left: -25px;}

.slick-next {right: -25px;}

.slick-prev:before {
   content: "\f104";
   color: #623158;
   font-size: 30px;
   font-family: 'FontAwesome';
}

/*.slick-prev:hover:before, .slick-next:hover:before {color:#fff; background:#623158; border-radius: 50%; transition: 0.3s ease-in-out; padding: 0 6px;}*/

.slick-next:before {
  content: "\f105";
  color: #623158;
  font-size: 30px;
  font-family: 'FontAwesome';
}

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


#wprmenu_bar span.wpr-logo-wrap img {
   
    margin-top: .25rem;
}


.brand-logo-recents img { max-width: 100%; }

a.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
    height: 50px;
}


p a.anchor { height: 0; }

a.download-link:before { content:"\f019"; font-family: Fontawesome; display: block; font-size: 2.5rem; float: left; }

section.test-columns p {color:#fff;}

li.toast-support a { background: #479fd2; }
li.toast-support a:hover { background: #666; }
/* .container .container { background: red; }
.container { border: 1px solid yellow;  }
.row { border: 1px solid pink; background: pink; }
.wrapper { border: 1px solid orange; background: orange; padding: 2rem 0; }
section { border: 3px solid grey; clear: both; }*/
section{position:relative;}
body #wprmenu_bar span.wpr-logo-wrap { position: relative; top: -3px; line-height: inherit; display: inline-block; float: right; } /* Floats the logo to the right on the WPR Menu */


/* Site CSS */

.login-form { padding: 3rem;
    background: #f3f3f3; }

/* News Posts */

.six.columns.post-item { margin-bottom: 4%; padding: 3rem 3rem 8rem 3rem; box-shadow: 0 0 1rem rgba(0,0,0,.1); position: relative; -webkit-border-bottom-right-radius: 50px;-moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px; }
.six.columns.post-item h3 { font-weight: 600; }
.post-info-content { padding: 2rem; background: #efefef; }


.six.columns.post-item a.button { float: right; }


/* NOT logged in */

.not-logged-in { background: #479fd2; padding: 2rem; -webkit-border-radius: .8rem;
-webkit-border-top-right-radius: 0;
-moz-border-radius: .8rem;
-moz-border-radius-topright: 0;
border-radius: .8rem;
border-top-right-radius: 0;  } 

.not-logged-in h4, .not-logged-in p { color: #fff; }


/* LOGGED in */

.logged-in-user { background: #479fd2; padding: 2rem; margin-bottom: 3rem; -webkit-border-radius: .8rem;
-webkit-border-top-right-radius: 0;
-moz-border-radius: .8rem;
-moz-border-radius-topright: 0;
border-radius: .8rem;
border-top-right-radius: 0;  } 

.logged-in-user h4, .logged-in-user p { color: #fff; }
.logged-in-user p { margin-bottom: 0; }



/* Brand images various positions */

.six.columns.post-item .brand-image img {  max-height: 28px;position: absolute;right: 4rem; bottom: 1.5rem; }

p.sponsored-by { border-top: 1px solid #efefef; padding-top: 1rem; margin-top: 3rem; display: block; margin-bottom: 0; position: absolute; bottom: 2rem; right: 3rem; left: 3rem; font-size: 90%; }

/* Archive Banners */
.cat-header { position: relative; background-color: #479fd2;  }
.cat-header-overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: rgba(71,159,210,.95); }
.cat-header h1 { padding: 6rem 0 0 0; color: #fff;  }
.cat-header p { margin-bottom: 6rem; color: #fff !important; }
.cat-header p a { color: #fff; text-decoration: none;  }


/* Page headers */

.page-header { background: #479fd2 url(/wp-content/uploads/techknowledge-icon-crop.png) 99% bottom no-repeat; background-size: contain; }
.page-header h1 { padding: 6rem 0 6rem 0; color: #fff;  }


/* Single posts */

.download-image img { width: 80%; }

/*Forms */
#myform { z-index: 99; }
#myform table { color: #fff; border: 0;}
#myform input { width: 100%; color: #479fd2; }
#myform td { border: 0; padding: 0; margin: 0;}
#myform input.button { width: 30%; color: #fff; float: left; margin-top: 3rem; }
#myform select { width: 100% !important; color: #fff; background: transparent; border: 1px solid inherit; display: block; }


/*Header images */
.header-image h1, .header-image h2 { line-height: 1; color: #fff; font-weight: 300; }
.header-image h1 { font-size: 6rem; }
.header-image h2  { font-size: 4rem; margin-bottom: 3rem; }

/* Backgrounds */

.background { padding: 2rem 0;  } 
.grey.background { background: #efefef; }
.grey.background.triangle:after  { 

    content: " ";
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 100px solid #fff;
    position: relative;
	background: #fff;
	top: 0rem;
	z-index: 999;
}

.blue-split h1,
.blue-split h2,
.blue-split h3,
.blue-split h4,
.blue-split h5,
.blue-split h6,
.blue-split p,
.blue-split li { color: #fff; }

.blue-split.background .container { position: relative; z-index: 99; }

.blue-split.background { background: #479fd2; }
.blue-split.background:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; background: rgba(0,0,0,.3);  }
.blue-split.background:before { 

 content: " ";
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 100px solid #efefef;
    position: relative;
	z-index: 999;
	top: 7.5rem;
}


/* Type */

.row-title { margin-top: 5rem; text-align: center; }
.repeating-content-three img, .repeating-content-four img { margin-bottom: 3rem; }

/* Required WP Styles
*************************************************/
.sticky {}
.screen-reader-text {}
.gallery-caption {}
.bypostauthor {}

/* Base Styles
*************************************************/
/* NOTE
html is set to 62.5% so that all the REM measurements throughout the theme
are based on 10px sizing. So basically 1.5rem = 15px :) */

html { font-size: 62.5%; }

body {
	
	font-size: 1.75rem; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.6;
	font-family: Lato, Helvetica, Arial, Sans-serif;
	font-weight: 400;
	color: #222;
	margin: 0;
	padding: 0; 
	}

.columns.push-right, .column.push-right { float: right; }
.columns.push-left, .column.push-left	{ float: left; }

/*	Header
*************************************************/

a.logo img {width: 100%; height: auto; vertical-align: text-top; margin: 3.5rem 0; max-width: 469px }
header ul { padding: 0; margin: 0; list-style-type: none; }
header ul li { display: inline; }
header .contacts {}
.social-icons { margin-top: 2rem; }
.social-icons a { margin-right: 1rem;}

/* Navbar & Menus 									*
************************************************/

#menu-item-634 a:before { content: " "; display: block; background: red; }

.top-nav 			{ background: #fff; font-size: 1.5rem;   }
.top-nav ul 		{ margin: 0 auto; padding: 0 1.25rem; text-align: right;  }
.top-nav li 		{ display: inline-block; margin: 0; position: relative; /* this is needed in order to position sub menus */ }
.top-nav li a  		{ display: inline-block; padding: 6rem .5rem; color: #222; line-height: 1; } /* Links on the main nav bar ONLY */
.top-nav ul li.current_page_item ul li a, .nav li.current-page-ancestor ul li a { color: #479fd2; } /* Links on the dropdowns ONLY */
.top-nav li:hover a, .top-nav li.current_page_item a, .top-nav ul li.current_page_item ul li a:hover, .top-nav ul li.current-page-ancestor ul li a:hover,  .top-nav li.current-page-ancestor a { color: #479fd2; }
.top-nav li.current_page_item a { }
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns
***********************************************/

.top-nav ul ul 				{ visibility: hidden; opacity: 0; zoom: 1; filter: alpha(opacity=50); -khtml-opacity: 0.5; position: absolute;	padding: 0;	top: 3.5rem; left: 0; width: 200px; background: #666; text-align: left; z-index: 9999999; -moz-transition-property: opacity, visibility; -webkit-transition-duration: .4s, 0s; transition-delay: 0s, .4s; }
.top-nav ul ul ul 			{ position: absolute;	padding: 0; top: 0; left: 200px; width: 200px; background: #999; text-align: left; z-index: 9999999; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ float: none; padding: 1rem; display: block; margin: 0; line-height: 1.2; color: #479fd2;  }
.top-nav ul ul li:hover a	{ color: #fff; }
.top-nav ul li:hover > ul 	{ visibility: visible; opacity: 1; zoom: 1; filter: alpha(opacity=100); -khtml-opacity: 1;  }

/* Drop Down Link styling
**************************************************/

/*.nav li.current_page_item a, .top-nav li.current_page_ancestor a, .top-nav ul li ul.sub-menu li.current_page_item a { color: yellow; }
.top-nav ul li.current_page_item ul.sub-menu li a, .top-nav ul li ul.sub-menu li a { color: red; }
.top-nav ul li.current_page_item ul.sub-menu li a:hover, .top-nav ul li ul.sub-menu li a:hover { color: green; }*/

/* Pagination
*************************************************/

/* Previous and Next pagination */
 a.prev.page-numbers, a.next.page-numbers, a.page-numbers, a.page-numbers:hover { font-size: 1em; padding: .25em .5em; color: #fff; clear: both; -webkit-appearance: none; background: #479fd2; border: none; border-radius: 4px;}

a.prev.page-numbers:hover, a.next.page-numbers:hover, a.page-numbers:hover { background: #0092c8; border: 0px;   }
a.page-numbers:hover { background: #0092c8;  }

/* Current pagination link */
span.page-numbers.current { font-size: 1em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #0092c8; padding: .25em 1em; color: #fff; clear: both; -webkit-appearance: none; }

/* General ACF Styles
*************************************************/

.colour-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.wrapper { position: relative; }



/* Related Content ACF							*
**************************************************/
.row.related-content {}
.related-news-wrapper {}
.related-featured-image img { margin-bottom: 2rem;}
.related-news-content {}
h3.related-title {}
.related-excerpt {}
.related-read-more-button { margin-top: 2rem; }


/* Grid
*************************************************/
.container, .with-sidebar { position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; clear: both; }
.container.full-width { max-width: 100%; width: 100%; }
.column, .columns { width: 100%; float: left; box-sizing: border-box; }
.row, section, .rowtitle { display: block; clear: both; }



/* Margin and Padding Styles
*************************************************/

/* DEFAULTS */
.margin-top { margin-top: 3vw; }
.margin-bottom { margin-bottom: 3vw; }
.margin-both { margin-top: 3vw; margin-bottom: 3vw; }

.padding-top { padding-top: 3vw; }
.padding-bottom { padding-bottom: 3vw; }
.padding-both { padding-top: 3vw; padding-bottom: 3vw; }

/* TOP MARGIN */
.margin-top-1 { margin-top: 1rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-4 { margin-top: 4rem; }
.margin-top-5 { margin-top: 5rem; }
.margin-top-10 { margin-top: 10rem; }
.margin-top-15 { margin-top: 15rem; }
.margin-top-20 { margin-top: 20rem; }
.margin-top-25 { margin-top: 25rem; }
.margin-top-30 { margin-top: 30rem; }
.margin-top-35 { margin-top: 35rem; }
.margin-top-40 { margin-top: 40rem; }
.margin-top-45 { margin-top: 45rem; }
.margin-top-50 { margin-top: 50rem; }

/* BOTTOM MARGIN */
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-bottom-5 { margin-bottom: 5rem; }
.margin-bottom-10 { margin-bottom: 10rem; }
.margin-bottom-15 { margin-bottom: 15rem; }
.margin-bottom-20 { margin-bottom: 20rem; }
.margin-bottom-25 { margin-bottom: 25rem; }
.margin-bottom-30 { margin-bottom: 30rem; }
.margin-bottom-35 { margin-bottom: 35rem; }
.margin-bottom-40 { margin-bottom: 40rem; }
.margin-bottom-45 { margin-bottom: 45rem; }
.margin-bottom-50 { margin-bottom: 50rem; }

/* BOTH MARGIN */
.margin-both-1 { margin-bottom: 5rem; margin-top: 1rem; }
.margin-both-2 { margin-bottom: 5rem; margin-top: 2rem; }
.margin-both-3 { margin-bottom: 5rem; margin-top: 3rem; }
.margin-both-4 { margin-bottom: 5rem; margin-top: 4rem; }
.margin-both-5 { margin-bottom: 5rem; margin-top: 5rem; }
.margin-both-10 { margin-bottom: 10rem; margin-top: 10rem; }
.margin-both-15 { margin-bottom: 15rem; margin-top: 15rem; }
.margin-both-20 { margin-bottom: 20rem; margin-top: 20rem; }
.margin-both-25 { margin-bottom: 25rem; margin-top: 25rem; }
.margin-both-30 { margin-bottom: 30rem; margin-top: 30rem; }
.margin-both-35 { margin-bottom: 35rem; margin-top: 35rem; }
.margin-both-40 { margin-bottom: 40rem; margin-top: 40rem; }
.margin-both-45 { margin-bottom: 45rem; margin-top: 45rem; }
.margin-both-50 { margin-bottom: 50rem; margin-top: 50rem; }

/* TOP PADDING */
.padding-top-1 { padding-top: 1rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-top-4 { padding-top: 4rem; }
.padding-top-5 { padding-top: 5rem; }
.padding-top-10 { padding-top: 10rem; }
.padding-top-15 { padding-top: 15rem; }
.padding-top-20 { padding-top: 20rem; }
.padding-top-25 { padding-top: 25rem; }
.padding-top-30 { padding-top: 30rem; }
.padding-top-35 { padding-top: 35rem; }
.padding-top-40 { padding-top: 40rem; }
.padding-top-45 { padding-top: 45rem; }
.padding-top-50 { padding-top: 50rem; }

/* BOTTOM PADDING */
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-4 { padding-bottom: 4rem; }
.padding-bottom-5 { padding-bottom: 5rem; }
.padding-bottom-10 { padding-bottom: 10rem; }
.padding-bottom-15 { padding-bottom: 15rem; }
.padding-bottom-20 { padding-bottom: 20rem; }
.padding-bottom-25 { padding-bottom: 25rem; }
.padding-bottom-30 { padding-bottom: 30rem; }
.padding-bottom-35 { padding-bottom: 35rem; }
.padding-bottom-40 { padding-bottom: 40rem; }
.padding-bottom-45 { padding-bottom: 45rem; }
.padding-bottom-50 { padding-bottom: 50rem; }

/* BOTH PADDING */
.padding-both-1 { padding-bottom: 5rem; padding-top: 1rem; }
.padding-both-2 { padding-bottom: 5rem; padding-top: 2rem; }
.padding-both-3 { padding-bottom: 5rem; padding-top: 3rem; }
.padding-both-4 { padding-bottom: 5rem; padding-top: 4rem; }
.padding-both-5 { padding-bottom: 5rem; padding-top: 5rem; }
.padding-both-10 { padding-bottom: 10rem; padding-top: 10rem; }
.padding-both-15 { padding-bottom: 15rem; padding-top: 15rem; }
.padding-both-20 { padding-bottom: 20rem; padding-top: 20rem; }
.padding-both-25 { padding-bottom: 25rem; padding-top: 25rem; }
.padding-both-30 { padding-bottom: 30rem; padding-top: 30rem; }
.padding-both-35 { padding-bottom: 35rem; padding-top: 35rem; }
.padding-both-40 { padding-bottom: 40rem; padding-top: 40rem; }
.padding-both-45 { padding-bottom: 45rem; padding-top: 45rem; }
.padding-both-50 { padding-bottom: 50rem; padding-top: 50rem; }

/* All Round Padding */
.padding-025 { padding: .25rem; }
.padding-05 { padding: .5rem; }
.padding-075 { padding: .75rem; }
.padding-1 { padding: 1rem; }
.padding-2 { padding: 2rem; }
.padding-3 { padding: 9rem; }
.padding-4 { padding: 4rem; }
.padding-5 { padding: 5rem; }
.padding-6 { padding: 6rem; }
.padding-7 { padding: 7rem; }
.padding-8 { padding: 8rem; }
.padding-9 { padding: 9rem; }
.padding-10 { padding: 10rem; }


/* All Round Margins */
.margin-025 { margin: .25rem; }
.margin-05 { margin: .5rem; }
.margin-075 { margin: .75rem; }
.margin-1 { margin: 1rem; }
.margin-2 { margin: 2rem; }
.margin-3 { margin: 9rem; }
.margin-4 { margin: 4rem; }
.margin-5 { margin: 5rem; }
.margin-6 { margin: 6rem; }
.margin-7 { margin: 7rem; }
.margin-8 { margin: 8rem; }
.margin-9 { margin: 9rem; }
.margin-10 { margin: 10rem; }



.with-sidebar .container{width:100%;padding:0;}
.right-sidebar.columns, .left-sidebar-content.columns{float:right;margin-left:4%;}
.left-sidebar.columns, .right-sidebar-content.columns{float:left;margin-left:0}



.right-sidebar ul { list-style: none; margin: 0 0 3rem 0; padding: 0; }
.right-sidebar ul li { margin: 0; padding: 0; }
.right-sidebar ul li a { padding: 1rem 0; display: block; border-bottom: 1px solid grey; }
.right-sidebar .not-logged-in a.button {   background-color: #333; }
.right-sidebar .not-logged-in a.button:hover {  background-color: #333; }



/* For devices larger than 400px
***************************************************************/

@media (min-width: 400px) {
  	.container , .with-sidebar						{ width: 85%; padding: 0; }
	.u-pull-right 									{ float: right; }
	.u-pull-left 									{ float: left; }

} /* End media query */

/* For devices larger than 550px
***************************************************************/

@media (min-width: 550px) {

	.container, .with-sidebar { width: 80%; }
	.column,.columns { margin-left: 4%; }
	.column:first-child, .columns:first-child { margin-left: 0; }

	.one.column,
	.one.columns                    		{ width: 4.66666666667%; 											}
	.two.columns                    		{ width: 13.3333333333%; 											}
	.three.columns							{ width: 22%;            											}
	.four.columns                   		{ width: 30.6666666667%; 											}
	.five.columns                   		{ width: 16.8%; 											}
	.six.columns                    		{ width: 48%;            											}
	.seven.columns                  		{ width: 56.6666666667%; 											}
	.eight.columns                  		{ width: 65.3333333333%; 											}
	.four-fifths.columns,.four-fifths.column { width: 79.2%; 											}
	.nine.columns			          		{ width: 74.0%;          											}
	.ten.columns                    		{ width: 82.6666666667%; 											}
	.eleven.columns                 		{ width: 91.3333333333%; 											}
	.twelve.columns                 		{ width: 100%; margin-left: 0; 										}
	.one-third.column               		{ width: 30.6666666667%; 											}
	.two-thirds.column              		{ width: 65.3333333333%; 											}
	.one-fifth.column, .one-fifth.columns	{ width: 16.8%; /* removes the margin-left when over 2 rows */ 		}
  	.one-half.column                		{ width: 48%; }


  /* Offsets */
	.offset-by-one.column,
	.offset-by-one.columns          { margin-left: 8.66666666667%; }
	.offset-by-two.column,
	.offset-by-two.columns          { margin-left: 17.3333333333%; }
	.offset-by-three.column,
	.offset-by-three.columns        { margin-left: 26%;            }
	.offset-by-four.column,
	.offset-by-four.columns         { margin-left: 34.6666666667%; }
	.offset-by-five.column,
	.offset-by-five.columns         { margin-left: 43.3333333333%; }
	.offset-by-six.column,
	.offset-by-six.columns          { margin-left: 52%;            }
	.offset-by-seven.column,
	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
	.offset-by-eight.column,
	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
	.offset-by-nine.column,
	.offset-by-nine.columns         { margin-left: 78.0%;          }
	.offset-by-ten.column,
	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
	.offset-by-eleven.column,
	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

	.offset-by-one-third.column,
	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
	.offset-by-two-thirds.column,
	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

	.offset-by-one-half.column,
	.offset-by-one-half.columns     { margin-left: 52%; }

} /* End media query */


/*	Footer
*************************************************/
.footer-main{ padding: 5vw 0; background: #222; overflow: hidden; clear: both; }
.footer-sub-wrapper {   padding: 1rem 0; background: #479fd2; color: #fff; overflow: hidden; line-height: 2;     font-size: 80%; }
.footer-sub-wrapper li a { color: #fff; text-decoration: none; padding: 0 1rem; }
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.site-footer { clear: both; }
.site-footer a.logo { float: right; text-align: right; }
.site-footer a.logo img { width: 100%; height: auto; margin-bottom: 2rem; margin-top: 0; }
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; line-height: 2; border-bottom: 1px solid grey; text-decoration: none; }

/* Contacts */

.site-footer .contacts { text-align: left; color: #fff; }
.site-footer .contacts span { display: block; }

/* Sub footer */
.bottom-menu ul { padding: 0; margin: 0; list-style: none; }
.bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.bottom-menu ul li a { display: inline-block; line-height: 2; border: none; }


/* Parallax
************************************************/

.container.parallax { color: #fff; text-shadow: 0 .25rem 1rem rgba(0,0,0,.5); }
.container.parallax h3 { font-size: 3vw; }

.parallax-background {
    background-image: url('http://placekitten.com/1000/1000');
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/* Typography
*************************************************/

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 700; line-height: 1.2; color: #479fd2;  }
h1 { font-size: 4.5rem; margin-bottom: 2rem;   }
h2 { font-size: 4rem; margin-bottom: 1.7rem; color: #222;   }
h3 { font-size: 3.25rem; margin-bottom: 1.5rem; font-weight: 300;   }
h4 { font-size: 3rem; margin-bottom: 1.25rem;  }
h5 { font-size: 2.5rem; margin-bottom: 1rem;   }
h6 { font-size: 2rem; margin-bottom: .5rem;   }

p { margin-top: 0; }

.centered { text-align: center; }
.alignright { text-align: right; }
.justified { text-align: justify; }


/* Links
*************************************************/
a 			{ color: #479fd2; text-decoration: none; }
a:hover 	{ color: #333; }


/* Buttons
*************************************************/
a.download-link { font-size: 130%; display: block !important; } 

a.button.orange, input#wp-submit, input#gform_submit_button_1 { background-color: #ff8f2b; }
input#gform_submit_button_1 { display: block;
    font-size: 28px;
    width: 100%; }
a.button.orange:hover { opacity: .8; }

.blue-split a.button.orange { font-size: 3rem; }

.button, button, input[type="submit"], input[type="reset"], input[type="button"], a.download-link, .already-registered a, .dlm-nf-download-link a {
  display: inline-block;
  padding: 1rem 2rem;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  background-color: #479fd2;
-webkit-border-radius: .8rem;
-webkit-border-top-right-radius: 0;
-moz-border-radius: .8rem;
-moz-border-radius-topright: 0;
border-radius: .8rem;
border-top-right-radius: 0;
	border: none;
color: #fff;
  cursor: pointer;
  box-sizing: border-box;
font-size: 16px;}


.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus, a.download-link:hover, , .dlm-nf-download-link a:hover {
  background: #333;
	color: #fff;
  outline: 0; }



/* Forms
*************************************************/

/* Search form */

.screen-reader-text { display: none; }
.search-form { margin-top: 5rem; }
header input[type="search"] { width: 68%; float: left; color: #222; background: #efefef; border: 0; }
header  input[type="submit"] { border: 1px solid; float: left; margin-left: 1%;}


input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }

/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }

label, legend { display: block; margin-bottom: .5rem; font-weight: 600; }

fieldset { padding: 0; border-width: 0; }

input[type="checkbox"], input[type="radio"] { display: inline; }

label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }


/* Lists
*************************************************/
ul { list-style: square inside; }
ol { list-style: decimal inside; }
ol, ul { padding-left: 0; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 2rem;  }
li { margin-bottom: 1rem; }


/* Code
*************************************************/
code { padding: .2rem .5rem; margin: 0 .2rem; font-size: 90%; white-space: nowrap; background: #F1F1F1; border: 1px solid #E1E1E1; border-radius: 4px; }
pre > code { display: block; padding: 1rem 1.5rem; white-space: pre; }


/* Tables
*************************************************/
th, td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; }
th:first-child, td:first-child { padding-left: 0; }
th:last-child, td:last-child { padding-right: 0; }


/* Spacing
*************************************************/
button, .button { margin-bottom: 1rem; }
input, textarea, select, fieldset { margin-bottom: 1.5rem; }
pre, blockquote, dl, figure, table, p, ul, ol, form { margin-bottom: 2.5rem; }


/* Utilities
*************************************************/
.u-full-width 		{ width: 100%; box-sizing: border-box; }
.u-max-full-width 	{ max-width: 100%; box-sizing: border-box; }
.u-pull-right 		{ float: right; }
.u-pull-left 		{ float: left; }


/* Misc
*************************************************/
hr { margin-top: 3rem; margin-bottom: 3.5rem; border-width: 0; border-top: 1px solid #E1E1E1; }


/* Clearing
*************************************************/
.container:after, .row:after, .u-cf, .row:after { content: ""; display: table; clear: both; }
.row { clear: both;  }


/* Flexible Content Elements
***************************************************/
.align-centered			{ text-align: center; }
.align-right 			{ text-align: right; }
.align-center 			{ text-align: center; }
.align-justify 			{ text-align: justify; }

/* Below deals with margin-left on the repeater flex content */

.repeating-content-two .columns:nth-child(7) { margin-left: 0; }
.repeating-content-three .columns:nth-child(5) { margin-left: 0; }
.repeating-content-four .columns:nth-child(4) { margin-left: 0; }
.repeating-content-five .columns:nth-child(6) { margin-left: 0; }
.repeating-content-six .columns:nth-child(odd) { margin-left: 0; }

.six.columns:nth-child(3) { margin-left: 0; }


/*	Easing 
*************************************************/
a.button, a.button:hover, a.prev, a.next, a.page-numbers, li:hover a, li a, a, a:hover, img, img:hover, a, a:hover { 

		-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition: all 200ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */

		-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
   		-moz-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
     		-o-transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); 
        	transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */
	 } 


/*	WordPress base Styles (content & images)
*************************************************/
.alignnone 								{ margin: 0; }
.aligncenter, div.aligncenter 			{ display: block; margin: 0 auto; }
.alignright 							{ float:right; margin: 0; }
.alignleft 								{ float: left; margin: 0; }
.aligncenter 							{ display: block; margin: 0; }
a img.alignright,
img.alignright 							{ float: right; margin: 0; max-width: 100%; }
a img.alignnone,img.alignnone 			{ max-width: 100%; }
a img.alignleft, img.alignleft			{ float: left; margin: 0; max-width: 100%; }
a img.aligncenter,
img.aligncenter  						{ display: block; margin-left: auto; margin-right: auto; }
.wp-caption 							{ background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: .25em .25em .75em; text-align: center;}
.wp-caption.alignnone 					{ margin: 0; }
.wp-caption.alignleft 					{ margin: 0; }
.wp-caption.alignright 					{ margin: 0; }
.wp-caption img 						{ border: 0 none; height: auto; margin: 0; padding: 0; width: auto; max-width: 100%; }
.wp-caption p.wp-caption-text 			{ line-height: 1; margin: 1em 0 0 0; padding: 1em; border-top: 1px solid #479fd2; border-bottom: 1px solid #479fd2; display: block; clear: both; }
p.wp-caption-text:before 				{ margin-right: .25em; content: "\f0aa"; font-family: FontAwesome; color: #479fd2; }
img.full-width-image					{ width: 100%; height: auto; margin: 0; padding: 0; }
img										{ max-width: 100%; height: auto; }


/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/


/* Smallest mobile */
@media (max-width: 320px) {}

/* Medium mobile */
@media (max-width: 375px) {}

/* Large mobile */
@media (max-width: 425px) {
	.slide {height: 100px !important; min-height: 100px !important}
}

/* Phablet (phone tablet) (also point when grid becomes active) */
@media (max-width: 550px) {

	.header-image h1 {font-size: 4rem;}
	.header-image h2 {font-size: 3rem;}
	
	.blue-split.background:after {display: none;}
	
	body.home .repeating-content-four .four { margin-bottom: 3rem; }
	body.home .repeating-content-five .five { width: 22%; float: left; margin-left: 5%; margin-right: 5%; }
	.site-footer h5 { margin-top: 3rem; }
}

/* Smaller than tablet */
@media (max-width: 768px) {.single-post .six.columns.align-right{text-align:center !important;}}

/* Smaller than laptop */
@media (max-width: 1024px) {}

/* Smaller than large desktop */
@media (max-width: 1440px) {}

/* Larger than large desktop */
@media (min-width: 1440px) {}