/*   
Theme Name: Alto
Theme URI: http://example.co.uk
Description: A Cybermill Breeze Theme
Author: The Cybermill
Author URI: http://cybermillbreeze.co.uk
Version: 1
*/


/* -------------------------------------------------------------------------------- */
/* Reset */
/* -------------------------------------------------------------------------------- */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}
   
/* Good ol' clearfix */
.cf:before,.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; } /* For IE 6/7 only */

.admin-bar { position: static; }


/* -------------------------------------------------------------------------------- */
/* Typography --- 
/* -------------------------------------------------------------------------------- */


body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 2em; font-weight: 300; }

h1,h2,h3,h4 { clear:both; padding:0; margin: 0 0 20px 0; line-height: 1.2em; font-family: 'Open Sans', sans-serif; font-weight: 300; }

h1 { font-size: 1.6em;}
h2 { font-size: 1.375em; opacity; 0.8; }
h3 { font-size: 1.125em; font-weight: 600; }
h4 { font-size: 1em; text-transform: uppercase; }
h5, h6 {  font-size: 0.85em; text-transform: uppercase; }

.title, .widget_title { font-size: 1.5eml; text-transform: capitalize; font-weight: 300; }

p { margin: 0 0 10px 0; line-height: 2em; }

/* Link defaults */
a:hover,a:active { text-decoration: underline;  } 

/* Lists */
ul { }
ol { }
ul li,ol li { margin-bottom: 1em; }
ul ul {  } 

.main-text-area .ticks ul { margin: 0 0 20px 0; padding: 0; }
.main-text-area .ticks li { list-style: none; padding-left: 40px; background: url('_/images/tick.gif') no-repeat left 2px; display: block; margin: 0 2.5% 10px 0;}
.main-text-area .ticks.full-width li { width: 100%; float: none; } 

strong { font-weight: bold; }
em { font-style: italic; }
sub { font-size: 11px; }
small { font-size: .8em; }
del { text-decoration: line-through; }   

blockquote { 
    border-left: none; 
    font-style: italic; 
    text-indent: 60px; 
    position: relative; 
    padding: 1em; 
    margin: 0;
    color: #fff;
    font-weight: 400;
} 

blockquote:before, q:before, .quote:before {content: "\201C"; font-size: 100px; line-height: 0px; display: block; position: absolute; top: 43px; left: -35px; }
blockquote p { line-height: 2em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

hr { clear: both; display: block; height: 1px; border: none; border-top: 1px solid #c6c6c6; border-bottom: 1px solid #fff; margin: 30px 0; padding: 0; }


.alignright {float:right; padding:2% 0 2% 4%; text-align:right;}
.alignleft {float:left; padding:2% 4% 2% 0; text-align:left;}
.aligncenter {padding:2% 0; text-align:center; margin:0 auto;}

p.wp-caption-text {background:#eee; color:#666; font-style:italic; padding:4% 5%; width:100%; font-size:14px; line-height: 18px; }
.wp-caption img { display: block; }

.pagelink { height: 10px; }


/* -------------------------------------------------------------------------------- */
/* Buttons, inputs */
/* -------------------------------------------------------------------------------- */

input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], 
input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], 
input[type="time"], input[type="url"], input[type="color"], textarea { background: #eee; border: 1px solid #ccc; box-shadow: none; margin-bottom: 1em; -webkit-appearance: none; box-sizing: border-box; }

input[type=checkbox] { -webkit-appearance: checkbox; }
input[type=radio] { -webkit-appearance: radio; } 

select { padding: 0 0.5rem!important; }

label { text-transform: uppercase; margin-bottom: 5px; }

.req { padding-left: 5px; }

.button { padding: 12px; text-transform: uppercase; }
.button:after { content: "\00BB"; padding-left: 5px; }

.widget .menu .current-menu-item > a, .widget .current_page_item > a, .button-link.current h3 { text-decoration: underline; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
.row { max-width: 80em; }
.wrapper { background: #fff; margin: 0px auto; }
.align { margin: 0px auto; }

.wrapper, .button-list a, .cmb-featured-link { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); }

.inner { padding: 20px 0; }
.contact-details, .footer.row {
    max-width: 100%;
}
.contact-details {
    padding: 2em 0;
    border-top: 1px solid #efb509;
    border-bottom: 1px solid #efb509;
}
.contact-inner {
    max-width: 80em;
    margin: 0 auto;
}
.column, .columns { padding: 0 2em; }

.no-pad-right { padding-right: 0; }
.no-pad-left{ padding-left: 0; }
.nopadding { padding-left: 0!important;  padding-right: 0!important; }
.no-padding-top { padding-top: 0; }

.ie8 .wrapper { max-width: 1200px; }
.ie7 .wrapper { width: 1300px; }

.header, .footer, .contact-details, .slidecontent, .bannercontent { color: #fff; }
.testimonial-wrap {
    background: #BFE0CB;
    border-top: 1px solid #efb509;
    border-bottom: 1px solid #efb509;
}
.flex-row {
     display: flex;
     justify-content: space-between;
     flex-flow: row wrap;
}
.testimonial-header {
     max-width: 80em; 
     margin: auto; 
     padding: 1em 2em;
     text-align: center;
}
.testimonial-inner {
   width: 90%;
}
/* -------------------------------------------------------------------------------- */
/* Header */
/* -------------------------------------------------------------------------------- */
.row.collapse > .column.top-header { padding-left: 2em; padding-right: 2em; }
a.logo, .menu-click { line-height: 60px; }

.logo-right .column.top-header { float: right!important; }

.medium_logo, .large-logo { display: block; margin: 1rem; }

.logo-left .medium_logo, .logo-right .large-logo, .logo-right .medium_logo, .logo-left .large-logo  { margin: 0; }

.logo-right-out .medium_logo, .logo-right-out .large-logo,
.logo-left-out .medium_logo, .logo-left-out .large-logo,
.logo-center-out .medium_logo, .logo-center-out .large-logo { margin: 0rem; }

.logo-right-out .row, .logo-left-out .row  { position: relative; }
.logo-right-out .column.top-header, .logo-left-out .column.top-header { position: static; }
.logo-right-out .column.top-header .logo, .logo-left-out .column.top-header .logo { position: absolute; top: 0;  z-index: 99999; padding: 0 0.5rem 0.5rem 0.5rem; border: 3px solid transparent; border-top: none; }
.logo-right-out .column.top-header .logo { right: 1rem; }
.logo-left-out .column.top-header .logo { left: 1rem; }

.logo-right-out .logo, .logo-left-out .logo { max-width: 250px; width: calc(100% - 200px); }

.logo-left-out .column.last:last-child { float: right!important; }

.logo-right-out .menu-click, .logo-right .menu-click  { float: left; }

.logo-right .logo { float: right; }
.logo-left .logo { float: left; }

.logo-right .logo,
.logo-left .logo { max-width: 50%; }

.logo-right .column.top-header,
.logo-left .column.top-header { padding-top: 10px; padding-bottom: 10px; }

.logo-center .column, .logo-center-out .column, 
.logo-center .main-nav .menu-main-menu-container, .logo-center-out .main-nav .menu-main-menu-container { width: 100%!important; float: none!important; }
.logo-center .column.top-header, .logo-center-out .column.top-header { width: 100%; text-align: center; }
.logo-center .logo, .logo-center-out .logo { float: none; display: inline-block; width: auto; margin: 10px auto; }

.logo-center-out .menu-click, .logo-center .menu-click { float: none; }

.logo-center-out .logo { display: inline-block!important; margin: 0; }

.wrapper.extra-padding .main-content { padding-top: 4rem!important; }


/* -------------------------------------------------------------------------------- */
/* Menu */
/* -------------------------------------------------------------------------------- */

nav ul, .main-nav .sub-menu { margin: 0; }
nav ul li { list-style: none; margin: 0; }

.menu-click { 
    position: absolute;
    float: right;
    transition: all 1s ease 0s;
    bottom: 0;
    right: 2em; 
}
.menu-text { margin-right: 15px; }

.menu-click .arrow { font-size: 28px; line-height: 1em; display: block; transform: rotate(90deg); transition: all 1s ease 0s; float: right; margin: 15px 0 0 0; }
.menu-click.open .arrow { transform: rotate(90deg) scaleX(-1);  } 

.menu-click, .main-nav .menu-item a { color: #fff; text-transform: uppercase; }

.main-nav { width: 100%; display: block; }
    .main-nav .menu-item { text-align: center; border-top: 1px solid #444; }
        .main-nav .menu-item a { display: block; padding: 10px 0; position: relative; }
        .menu-click:hover,  .main-nav .menu-item a:hover, .main-nav .menu-item-has-children.active > a { text-decoration: none; }
        
.main-nav .menu-item-has-children{ position: relative; }
.main-nav .menu-item-has-children:after { content: ' '; width: 0; height: 0; display: block; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #fff; position: absolute; top: 20px; right: 20px; opacity: 0.2; }

.main-nav .current-menu-item > a:after  { content: ' '; width: 0; height: 0; display: block; border-left: 9px solid transparent; border-right: 9px solid transparent; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; }
                                                    
.children, .sub-menu { margin-top: 10px; }

#menu-main-menu { display: none; }
.no-js #menu-main-menu { display: block!important; }

/* -------------------------------------------------------------------------------- */
/* Image slides/banners */
/* -------------------------------------------------------------------------------- */

.slider-outer { background: url('_/images/loader.gif') no-repeat center center;  overflow: hidden; transition: background 2s ease; }
#sliderwrap { visibility: hidden; opacity: 0;  }
.slider-outer, .slide, .banner { position: relative; }
.slide .image, .banner .image { text-align: center; }
.slide { float: left; }
.slide img { display: block; margin: 0px auto; }

.slidecontent .text p { font-size: 1.3em; font-style: italic; }

.slidecontent, .bannercontent { width: 100%; }

.slidecontent .inner, .bannercontent .inner { padding: 20px 2em; }

.slidecontent h1, .slidecontent h2, .slidecontent h3, .slidecontent h4, .slidecontent h5, .slidecontent h6, .slidecontent p, 
.bannercontent h1, .bannercontent h2, .bannercontent h3, .bannercontent h4, .bannercontent h5, .bannercontent h6, .bannercontent p { color: #fff; }

/* -------------------------------------------------------------------------------- */
/* Featured Page/Testimonial */
/* -------------------------------------------------------------------------------- */
.feat-wrapper {
    display: flex;
    padding: 1em;
}
.feat-service-row {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;    
}
.feat-service, .feat-testimonial {
    width: 30%;
    padding: 1em;
    border: 1px solid rgba(239,181,9, 0.7);
}
.feat-service {
     background: #2F394A;
}
.feat-testimonial {
    box-shadow: inset 0px 0px 30px -16px #fff;
    background: #0C0563;
}
.feat-service img {
    width: 100%;
    box-shadow: 0 10px 42px 0px #aaa;
    border: 1px solid rgba(239,181,9, 0.7);
}
.feat-service h3 {
    color: #fff;
    text-align: center;
    margin-top: 0.75em;
    font-weight: 400;
    margin-bottom: 0;
}
.feat-title {

}
.testimonial-inner h3 {
    text-align: center;
}
.feat-testimonial .name, .feat-testimonial .company {
    display: block;
    color: rgba(239,181,9, 1);
    padding: 0 1em;
    font-weight: 400;
    text-align: right;
}
/* -------------------------------------------------------------------------------- */
/* Main Area */
/* -------------------------------------------------------------------------------- */

.feature-image img { border: 1px solid #ccc; }

.section-title h2, .widget_title { font-size: 1.375em; padding-bottom: 10px; margin-bottom: 1em; text-transform: capitalize; }
.section-title { padding: 0 2em; }

.acc-panel.content, .tabs-content .content { padding: 20px; border: 1px solid #ccc; }
.tab-title { border: 1px solid #ccc; border-bottom: none; margin-right: 4px; }
.acc-panel.content { border-top: none; }
.accordion .accordion-navigation, .accordion dd { margin-bottom: 1px!important; }

.accordion { margin-bottom: 2em; }

.main-content .column .section { padding: 2em; background: #eee; margin: 2em 0; }

ul.sitemap { margin: 2em; }

.button-list h3, .button-link h3 { padding: 0.5em 1em; color: #fff; }
.button-list a, .cmb-featured-link { display: block; }
.button-list a:hover, .cmb-featured-link:hover { position: relative; top: 5px; }

.cybermill-button-link, .button-link { max-width: 325px; }  

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: left!important; }

/* -------------------------------------------------------------------------------- */
/* Extra Text */
/* -------------------------------------------------------------------------------- */

.extra-text, .extra-text-two {
    max-width: 80em;
    margin: 0 auto;
    padding: 2em;
}


/* -------------------------------------------------------------------------------- */
/* Airport Transfer */
/* -------------------------------------------------------------------------------- */
h2.airport {
    text-transform: capitalize;
    color: #efb509;
    font-size: 1.1rem;
    margin: 0.5rem 0 0 0;
}
.airport-sidebar {
    background: #2f394a;
    border: 1px solid #efb509;
   padding: 1.5rem 1.8rem;
    box-shadow: inset 0px 0px 34px -11px #fff
}
.airport-sidebar span {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.4rem;
}
.airport-sidebar h1 {
    color: #efb509;
    text-align: center;
    font-size: 1.8rem;
}
/* -------------------------------------------------------------------------------- */
/* Mobile Bookings */
/* -------------------------------------------------------------------------------- */
.mobile-bookings .main-content img {

} 
/* -------------------------------------------------------------------------------- */
/* Wordpress Gallery */
/* -------------------------------------------------------------------------------- */

.clearing-assembled { margin: 2em 0; }
.clearing-thumbs li img { border: 1px solid #0089AE; opacity: 0.8; transition: all 0.5s ease; -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */  filter: grayscale(100%);}
.clearing-thumbs li img:hover { opacity: 1; -webkit-filter: none; /* Chrome, Safari, Opera */  filter: none;}

.clearing-blackout { background: rgba(0, 0, 0, 0.9)!important; }
.clearing-assembled .clearing-container .visible-img, .clearing-assembled .clearing-container .carousel { background: none!important; }

.fix-height { display: none; }

.ie7 .clearing-blackout, .ie8 .clearing-blackout { background: #333; } 


/* -------------------------------------------------------------------------------- */
/* Portfolio Section */
/* -------------------------------------------------------------------------------- */

.grid {overflow: hidden; width: 103%;  }

.filter { margin-bottom: 2em; }
.filter button { display: block; float: left; margin-right: 5px; text-transform: capitalize; padding: 5px 10px; margin-bottom: 0; }

.tile, .tile-sizer { width: 98%; }
.gutter-sizer { width: 20px; }

.tile { margin: 0 0 20px 0; overflow: hidden; float: left; border: 1px solid #ccc; position: relative; }
.tile img { max-width: 100%; }
.tile a { text-decoration: none; }

.popup-text { color: #fff; margin: 0; padding: 2em; width: 100%; height: 100%; position: absolute; bottom: -100%; left: 0; transition: bottom 1s ease; }
.popup-text h3 { color: #fff; }

.tile:hover .popup-text { bottom: 0; }

.plain-masonry { margin-top: 2rem; }
.plain-masonry .tile img { opacity: 1; transition: opacity 1s ease; }
.plain-masonry .tile img:hover { opacity: 0.5; }

.descriptions .cat-info { display: none; opacity: 0; transition: all 1s ease; padding: 1rem 0 2rem 0; }
.descriptions .cat-info.show { opacity: 1; display: block; }

/* -------------------------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------------------------- */    

.widget { margin-bottom: 2em; }

/* -------------------------------------------------------------------------------- */
/* Content - Extra */
/* -------------------------------------------------------------------------------- */

div.date { display: block; width: 50px; height: 50px; padding: 0px; color: #fff; float: left; margin-right: 30px; }
div.date .day, div.date .month { display: block; text-align: center; width: 100%; margin: 0; padding: 0; }
div.date .day { font-size: 24px; }
div.date .month { font-size: 11px; line-height: 11px; text-transform: uppercase;  }

.item { float: left; width: calc(100% - 80px); }

.read-more { display: block; clear: both; }

.testimonial-list { margin: 0; padding: 0; }
.testimonial-list li { list-style: none; margin: 0 0 2em 0; padding: 0; }
.testimonial-list li blockquote { padding: 0; }
.testimonial-list li blockquote::before { left: -65px; top: 30px; }   

.testimonial-list .name, .testimonial-list .company { display: block; text-align: right; color: #878786; } 
.testimonial-list .name { font-weight: 600;  } 
.testimonial-list .company { font-size: 0.9333rem; }   


/* -------------------------------------------------------------------------------- */
/* Our Clients */
/* -------------------------------------------------------------------------------- */    

.clients { margin: 0 auto; padding-right: 1rem; padding-left: 1rem; }
.clients li { display: block; list-style: none; margin-bottom: 2rem;  }
.clients .column { padding-right: 1rem; padding-left: 1rem; }          

.client-logo { background: #fff; height: 166px; position: relative; border: 1px solid #ddd; }
.client-logo img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding: 1em; max-height: 80%; max-width: 100%; width: auto; height: auto; }   


/* -------------------------------------------------------------------------------- */
/* Meet The Team */
/* -------------------------------------------------------------------------------- */

.meet-the-team, .contact-info { margin: 0; padding: 0; list-style: none; }

.team-member, article { margin: 0; padding: 40px 0; border-bottom: 1px solid #ccc; }
.team-member:first-child, article:first-child, .news-items:first-child { border-top: 1px solid #ccc; }

.contact-info .linked-in, .contact-info .twitter { display: block; float: left; margin: 5px 15px 0 0; width: 21px; height: 21px; background: url('_/images/icons.png') no-repeat 0px -46px; text-indent: -999px; overflow: hidden;  }
.contact-info .linked-in a, .contact-info .twitter a { display: block; }
.contact-info .twitter{ background-position: -33px -46px; width: 26px; }

.person-details h2, .person-details li { margin: 0; line-height: 1.6em; }
.person-details li { margin: 0 0 5px 0; }
.job-title { font-style: italic; font-size: 0.7em; }

.post-text, .about-text { margin-top: 20px; }     


/* -------------------------------------------------------------------------------- */
/* Hours of Business */
/*-------------------------------------------------------------------------------*/

.business-hours, .business-hours li, .sidebar .business-hours li { list-style: none; margin: 0; padding: 0; }
.business-hours li, .sidebar .business-hours li { margin-bottom: 0.6rem; padding-bottom: 0.6rem; border-bottom: 1px solid #eee; }
.business-hours .day { display: inline-block; font-weight: bold; width: 140px; }


/* -------------------------------------------------------------------------------- */
/* Footer */
/* -------------------------------------------------------------------------------- */   

.latest-news .small-12 { margin-bottom: 20px; }

.google-map { height: 300px; width: 100%; }

.footer-bottom { font-size: 12px; text-transform: uppercase; line-height: 1em; }
.footer-bottom.inner { padding: 2em 0; opacity: 0.5; }
.footer-bottom a { color: #fff!important; }

.contact-details h2 { color: #fff; margin: 0; line-height: 1em; }
.tagline { font-style: italic; }

.contact-details ul, .contact-details-insert { margin: 0; }
.contact-details li, .contact-details-insert li { list-style: none; margin-bottom: 0px; }

.contact-details li, .contact-details address { text-transform: uppercase; font-style: normal; font-size: 1em; line-height: 1.8em; margin-bottom: 10px; }
.contact-details-insert li { margin-bottom: 10px; }
.contact-details address, .contact-details-insert address { padding-left: 20px; }

.icon { display: inline-block; background: url('_/images/icons.png') no-repeat -93px -26px; width: 10px; height: 10px; margin-right: 10px; }
.phone .icon, .mobile .icon { background-position: -109px -26px; }
.email .icon { background-position: -124px -26px; height: 8px; }

.contact-details-insert .address .icon { background-position: -93px -41px; }
.contact-details-insert .phone .icon, .contact-details-insert .mobile .icon { background-position: -109px -41px; }
.contact-details-insert .email .icon { background-position: -124px -41px; }

.contact-info .phone .icon, .contact-info .mobile .icon { background-position: -109px -41px; }
.contact-info .email .icon { background-position: -124px -41px;  }

.icon.address { float: left; margin-top: 6px; }


.social-icons li { list-style: none; display: block; width: 21px; height: 21px; background: url('_/images/icons.png') no-repeat 0 0; text-indent: -999px; overflow: hidden; transition: all ease 0.2s; float: left; margin: 0 10px 10px 0; }
.social-icons li:last-child { margin-right: 0; }
.social-icons li a { display: block; }
.social-icons li:hover { opacity: 0.5; }
.social-icons li.twitter { background-position: -21px 0; width: 24px; }
.social-icons li.pinterest { background-position: -45px 0; }
.social-icons li.google-plus { background-position: -113px 0; }
.social-icons li.linkedin { background-position: 0 -21px; }
.social-icons li.instagram { background-position: -66px 0; }
.social-icons li.vimeo { background-position: -87px 0; width: 26px; }
.social-icons li.youtube { background-position: -32px -21px; width: 49px; }



/* -------------------------------------------------------------------------------- */
/* Blog & Comments */
/*-------------------------------------------------------------------------------*/

.comments { display: block; }

.single article { border: none!important; }

h2#comments, #respond h2 { border-bottom: 1px solid #ccc; padding-bottom: 5px; }

.commentlist li { border-bottom: 1px dotted #ccc; padding: 1em 0; }
.commentlist li:last-child { border: none; }


/* -------------------------------------------------------------------------------- */
/* Contact Form 7 */
/*-------------------------------------------------------------------------------*/

.wpcf7-not-valid-tip { color: #960000!important; }
.wpcf7-form-control-wrap { display: block; margin-bottom: 1rem; }
.wpcf7-validation-errors, .wpcf7-mail-sent-ok { border: none!important; background: #960000; color: #fff; margin: 20px 0!important; clear: both; }
.wpcf7-mail-sent-ok { background: #88AD69!important; }

        
/* -------------------------------------------------------------------------------- */
/* No Script */
/* -------------------------------------------------------------------------------- */ 

.ie7 .background-wrapper, .ie8 .background-wrapper { padding-top: 100px; }
 
#NoScript, .chromeframe {position: fixed; top: 0; left: 0; width: 100%; z-index: 9999999; background: rgba( 0, 0, 0, 0.8);  text-align: center;}

.chromeframe, .ie7 #NoScript, .ie8 #NoScript { background: #333; }
.chromeframe a { color: #fff; text-decoration: underline; font-weight: bold; }

#NoScript p, .chromeframe p { color: #fff; padding: 20px 150px; font-size: 16px; font-family: 'Open Sans', sans-serif; }


/* -------------------------------------------------------------------------------- */
/* Colorbox Core Style:
/* The following CSS is consistent between example themes and should not be altered.
/* -------------------------------------------------------------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; display:block; max-width:none; -ms-interpolation-mode:bicubic; box-sizing: border-box; }
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
User Style:
Change the following styles to modify the appearance of Colorbox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.1; filter: alpha(opacity = 10);}
#colorbox{outline:0;}

    #cboxContent{background:transparent; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle, #cboxCurrent {position:absolute; bottom:-10px; left:0; text-align:center; width:100%; color:#aaa; padding: 5px; text-transform: uppercase; font-size: 0.8rem; }
        #cboxLoadingOverlay{background:#fff;}
        #cboxLoadingGraphic{background:url(_/images/loader.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious, #cboxNext {position:absolute; top:43%; background-color: transparent!important; background: url(_/images/controls.png) no-repeat 0 0; width: 30px; height: 50px; text-indent:-9999px; opacity: 1; }
        #cboxPrevious { left: 20px; }
        #cboxPrevious:hover{background-position:0 -50px;}
        #cboxNext{right: 20px; background-position:-30px 0;}
        #cboxNext:hover {background-position:-30px -50px;}
        #cboxPrevious:hover, #cboxNext:hover { opacity: 1; }
        
        #cboxClose{position:absolute; bottom:-4px; right:0; text-transform: uppercase; font-size: 0.8rem; padding: 0 5px; }



/* -------------------------------------------------------------------------------- */
/* Media Queries  */
/* -------------------------------------------------------------------------------- */


/* Define mobile styles */
@media only screen { } 

@media only screen and (min-width: 30em) {
.tile, .tile-sizer { width: 48%; } 
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { 

  .feat-service, .feat-testimonial {
        width: 100%;
        margin-bottom: 2em;
    }
} 

 /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) { 

.slidecontent, .bannercontent { position: absolute; left: 0; bottom: 0; }

.credit { text-align: right; } 

div.date { width: 70px; height: 70px; padding: 8px; }
div.date .day { font-size: 34px; }
div.date .month { font-size: 16px; line-height: 24px; }

.item { float: left; width: calc(100% - 100px); }

.post-text { margin-top: 0; padding-left: 40px; width: 75%; }
.thumbnail, .post-text { float: left; }  
.thumbnail { width: 25%; }
.about-text { margin-top: 40px; }      

.tile, .tile-sizer { width: 31.3%; } 
.tile.large-box, .tile.long { width: 64.3%; }
.tile.full-width{ width: 98%; }

}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
     .flex-row {
        justify-content: space-evenly;
     }
    .feat-service {
        width: 40%;
        margin-bottom: 2em;
    }
    .feat-testimonial {
        width: 100%;
        margin-bottom: 2em;
    }

.cybermill-button-link { display: inline-block; float: left; max-width: 325px; vertical-align: top; width: 31.3%; margin-right: 1.7%;  }

}   


/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {  

h1 { font-size: 2.25em;}

.inner { padding: 2em 2em; }
.main-content .inner { padding: 2em 0em; }
.footer-bottom.inner { padding: 2em; }

.row.collapse > .column.top-header { padding: 0; }

.main-nav .menu-main-menu-container { 
    position: absolute;
    float: right;
    right: 0;
    bottom: -100px; }

#menu-main-menu { display: block!important; }

    .main-nav .menu-item { border: none; float: left;   }
        .main-nav .menu-item a { padding: 0; margin:0 0 0 30px; line-height: 60px; }
        
    .main-nav .menu-item-has-children { padding-right: 25px; }
        .main-nav .menu-item:first-child a { margin-left: 0; }
        .main-nav .menu-item-has-children::after { right: 0; top: 24px; }
        
    .main-nav .menu-item-has-children:hover .sub-menu { display: block; }    
    
        .main-nav .sub-menu { display: none; position: absolute; top: 60px; left: -25%; z-index: 99999; }
            .main-nav .sub-menu .menu-item { float: none; display: block; }
                .main-nav .sub-menu .menu-item a { display: block; margin: 0; width: 280px; border-bottom: 1px solid #444; }
                
.logo-right .main-nav .menu-main-menu-container { float: left; }
.logo-right-out .main-nav .menu-main-menu-container { float: left; }

.logo-center .column, .logo-center .main-nav .menu-main-menu-container,
.logo-center-out .column, .logo-center-out .main-nav .menu-main-menu-container { width: 100%!important; float: none!important; }
.logo-center #menu-main-menu, .logo-center .column.top-header,
.logo-center-out #menu-main-menu, .logo-center-out .column.top-header { width: 100%; text-align: center; }
.logo-center .main-nav .menu-item, .logo-center-out .main-nav .menu-item { display: inline-block; float: none; }

.logo-right .logo,
.logo-left .logo { max-width: 100%; }

.logo-right-out .logo, .logo-left-out .logo { max-width: 350px; }

.logo-right .column.top-header,
.logo-left .column.top-header { padding-top: 0px; padding-bottom: 0px; }

.logo-right-out .column.large-10.last, .logo-left-out .column.large-10.last { width: calc(100% - 400px); }

.contact-details li, .contact-details address { margin-bottom: 0px; }  
.social-icons li { margin: 0 10px 10px 0; }

.slidecontent .text p, .slidecontent .text h1, .slidecontent .text h2, .slidecontent .text h3, .slidecontent .text h4, .slidecontent .text h5, .slidecontent .text h6 { float: left; padding-right: 2em; }
.slidecontent .button { float: right; margin: 0; }
.slidecontent .button:hover { text-decoration: none; }

.pagination { padding: 20px 0; }

.pagelink.next { float: right; text-align: right; }
.pages { display: block; margin: 0px auto; width: 100%; text-align: center; clear: both; }
.pages small { display: block; }



} 

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 



} 


/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) { 
        .main-nav .menu-item a { margin:0 0 0 60px; }
        .logo-right-out .main-nav .menu-item a, .logo-left-out .main-nav .menu-item a { margin:0 0 0 30px; }
} 

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { }       

/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) { }