/*
Theme Name: Cross Culture
Theme URI: 
Author: CuCo Creative
Author URI: http://www.cucocreative.co.uk
Description: Bespoke Theme for Richard Lewis
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/

/* @group Gumby overrides */

.btn { margin-bottom: 5px;}


/* @end */


/* @group Sidr Nav Setup */

.desktopItem { display: block; }
.mobileItem { display: none; }
.mobileMenuBar { display: none; }
a.mobileMenu { 
	float: left;
    position: relative;
    height: 36px;
    width: 36px;
	border-radius: 4px;
	background-color: #555555;
	padding-top: 7px;
	text-align: center;
	z-index: 20;
	margin: 10px 40px 10px 0;
}
a.mobileMenu:hover { background-color: gray; }
a.mobileMenu img {
	top: 1px;
}

.mobileMenuBar {
	background-color: transparent;
    box-shadow: none;
    height: 55px;
    position: relative;
    width: 100%;
    z-index: 100;
    transition: all 0.25s ease;
}

.mobileMenuBar.past-header {
    background-color: #FFFFFF;
    box-shadow: 0 4px 6px #000000;
    height: 55px;
    position: fixed;
    width: 100%;
    z-index: 100;
}

.mobileMenuBarScroll {
	display: none;
}

.mobileMenuBarScroll.past-header {
	display: block;
}

#header {
	height: auto;
}

@media only screen and (max-width: 767px) { 
.mobileItem { display: block; }
.mobileMenuBar { display: block; }
.desktopItem { display: none; }
}

/* @end */

@media only screen and (max-width: 767px) { 

}

.sidr input.normal {
    width: 100% !important;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1) !important;
}

/* @group Responsive Social Shares */

.rrssb-buttons{box-sizing:border-box;-moz-box-sizing:border-box;font-family:"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;height:36px;margin:0;padding:0;width:100%}.rrssb-buttons li{box-sizing:border-box;-moz-box-sizing:border-box;display:block;float:left;height:100%;list-style:none;height:100%;margin:0;padding:0 2.5px}.rrssb-buttons li a{box-sizing:border-box;-moz-box-sizing:border-box;background-color:#ccc;border-radius:2px;display:block;font-size:11px;font-weight:bold;height:100%;padding:7px 7px 12px 27px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;-webkit-transition:background-color 0.2s ease-in-out;-moz-transition:background-color 0.2s ease-in-out;-o-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}.rrssb-buttons li a .icon{display:block;height:100%;left:10px;padding-top:9px;position:absolute;top:0;width:10%}.rrssb-buttons li a .icon svg{height:17px;width:17px}.rrssb-buttons li a .icon svg path,.rrssb-buttons li a .icon svg polygon{fill:#fff}.rrssb-buttons li a .text{color:#fff}.rrssb-buttons li a:active{box-shadow:inset 1px 3px 15px 0 rgba(22,0,0,0.25)}.rrssb-buttons li.email a{background-color:#0a88ff}.rrssb-buttons li.email a:hover{background-color:#006ed6}.rrssb-buttons li.email a:active{background-color:#006ed6}.rrssb-buttons li.facebook a{background-color:#306199}.rrssb-buttons li.facebook a:hover{background-color:#244872}.rrssb-buttons li.linkedin a{background-color:#007bb6}.rrssb-buttons li.linkedin a:hover{background-color:#005983}.rrssb-buttons li.twitter a{background-color:#26c4f1}.rrssb-buttons li.twitter a:hover{background-color:#0eaad6}.rrssb-buttons li.googleplus a{background-color:#e93f2e}.rrssb-buttons li.googleplus a:hover{background-color:#ce2616}.rrssb-buttons li.googleplus .style2{fill:#e93f2e}.rrssb-buttons li.googleplus .style3{fill:#e93f2e}.rrssb-buttons li.youtube a{background-color:#df1c31}.rrssb-buttons li.youtube a:hover{background-color:#b21627}.rrssb-buttons li.pinterest a{background-color:#b81621}.rrssb-buttons li.pinterest a:hover{background-color:#8a1119}.rrssb-buttons li.github a{background-color:#444}.rrssb-buttons li.github a:hover{background-color:#2b2b2b}.rrssb-buttons li.small a{padding:0}.rrssb-buttons li.small a .icon{position:relative;margin:0 auto;top:auto;left:auto;overflow:hidden;height:100%;width:100%}.rrssb-buttons li.small a .text{visibility:hidden}.rrssb-buttons.large-format li{height:auto}.rrssb-buttons.large-format li a{font-size:13px;font-size:1vw;padding:7% 0% 7% 12%;border-radius:0.2em}.rrssb-buttons.large-format li a .icon{left:7%;padding-top:0;width:12%}.rrssb-buttons.large-format li a .icon svg{height:100%;width:100%}.rrssb-buttons.small-format{padding-top:5px}.rrssb-buttons.small-format li{height:80%;padding:0 1.5px}.rrssb-buttons.small-format li a .icon{height:100%;padding-top:0}.rrssb-buttons.small-format li a .icon svg{position:relative;top:6px;height:48%;width:80%}.rrssb-buttons.tiny-format{height:22px;position:relative}.rrssb-buttons.tiny-format li{padding-right:7px}.rrssb-buttons.tiny-format li a{background-color:transparent;padding:0}.rrssb-buttons.tiny-format li a .icon svg{height:70%;width:100%}.rrssb-buttons.tiny-format li a:hover{background-color:transparent}.rrssb-buttons.tiny-format li a:active{background-color:transparent}.rrssb-buttons.tiny-format li.email a .icon svg path,.rrssb-buttons.tiny-format li.email a .icon svg polygon{fill:#0a88ff}.rrssb-buttons.tiny-format li.email a:hover .icon svg path,.rrssb-buttons.tiny-format li.email a:hover .icon svg polygon{fill:#0054a3}.rrssb-buttons.tiny-format li.facebook a .icon svg path,.rrssb-buttons.tiny-format li.facebook a .icon svg polygon{fill:#306199}.rrssb-buttons.tiny-format li.facebook a:hover .icon svg path,.rrssb-buttons.tiny-format li.facebook a:hover .icon svg polygon{fill:#18304b}.rrssb-buttons.tiny-format li.linkedin a .icon svg path,.rrssb-buttons.tiny-format li.linkedin a .icon svg polygon{fill:#007bb6}.rrssb-buttons.tiny-format li.linkedin a:hover .icon svg path,.rrssb-buttons.tiny-format li.linkedin a:hover .icon svg polygon{fill:#003650}.rrssb-buttons.tiny-format li.twitter a .icon svg path,.rrssb-buttons.tiny-format li.twitter a .icon svg polygon{fill:#26c4f1}.rrssb-buttons.tiny-format li.twitter a:hover .icon svg path,.rrssb-buttons.tiny-format li.twitter a:hover .icon svg polygon{fill:#0b84a6}.rrssb-buttons.tiny-format li.googleplus a .icon svg path,.rrssb-buttons.tiny-format li.googleplus a .icon svg polygon{fill:#e93f2e}.rrssb-buttons.tiny-format li.googleplus a:hover .icon svg path,.rrssb-buttons.tiny-format li.googleplus a:hover .icon svg polygon{fill:#a01e11}.rrssb-buttons.tiny-format li.googleplus .style2{fill:#e93f2e}.rrssb-buttons.tiny-format li.googleplus .style3{fill:#e93f2e}.rrssb-buttons.tiny-format li.youtube a .icon svg path,.rrssb-buttons.tiny-format li.youtube a .icon svg polygon{fill:#df1c31}.rrssb-buttons.tiny-format li.youtube a:hover .icon svg path,.rrssb-buttons.tiny-format li.youtube a:hover .icon svg polygon{fill:#84111d}.rrssb-buttons.tiny-format li.pinterest a .icon svg path,.rrssb-buttons.tiny-format li.pinterest a .icon svg polygon{fill:#b81621}.rrssb-buttons.tiny-format li.pinterest a:hover .icon svg path,.rrssb-buttons.tiny-format li.pinterest a:hover .icon svg polygon{fill:#5d0b11}.rrssb-buttons.tiny-format li.github a .icon svg path,.rrssb-buttons.tiny-format li.github a .icon svg polygon{fill:#444}.rrssb-buttons.tiny-format li.github a:hover .icon svg path,.rrssb-buttons.tiny-format li.github a:hover .icon svg polygon{fill:#111}

/* @end */

/* @group Responsive Tables */

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable table { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }	
}



/* @end */






/* Temporary */
.demo .column,
.demo .columns {
	background-color: silver;
	border-bottom: 1px dotted white;
}

.parallax {
    height: 300px;
    width: 100%;
	background: url(imgs/img_parallax_demo.jpg) no-repeat fixed;
}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.four.columns.clients {
    width: 23.4043% !important;
    float: left;
    margin-right: 1.5957%;
}

.four.columns.clients:nth-child(4) {
    margin-right: 0%;
}

#mc_embed_signup{clear:left; font-size:14px; }
#mc_embed_signup .button{
    background-color: #1b8673;
    border-radius: 0;
    height: 36px;
    margin-right: 0;
}

#mc_embed_signup #mce-success-response {
    color: #1b8673;
    text-align: center;
}
#mc_embed_signup div.response {
    width: 100%;
}