/*
Theme Name: Brilliant Ideas
Theme URI: Arch
Author: Arch
Author URI: archcreative.co.uk
Description: 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: 



Blue: #2874A6;
Dark Blue: #1A2A40;
Yellow: #FFC500;



*/

:root {
  --blue: #0057A8;
  --darkblue: #1a2a40;
  --yellow: #F7C92D;
}


/* ===== GENERAL ===== */

html, body { width:100%;margin:0;padding:0;overflow-x:hidden;font-family:roboto,sans-serif;color:var(--darkblue); }

.m-grid { margin:0; }

img { display:block; }
img.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

h1 { font-size:3.2em; }
h2 { font-size:1.7em; }
h3 { font-size:1.3em; }


img.aligncenter { max-width:100%;height:auto; }

.pos-rel { position:relative; }
.pos-abs { position:absolute; }

.m-container-960 { max-width:1000px;width:100%;margin:0 auto; }

.img-inline { display:inline-block; }
.vertical-align { display:block;top:0;left:0;width:100%;height:100%; }
.vertical-outer { display:table;width:100%;height:100%;vertical-align: middle;  }
.vertical-inner { display:table-cell;width:100%;height:100%;vertical-align: middle; }

a { color:var(--darkblue);text-decoration: none; }
a:hover, .bg-darkblue a:hover { color:var(--blue); }

.bg-darkblue a { color:#fff; }

p a { text-decoration:underline; }

a.button  { background:var(--blue) url("/wp-content/themes/arch_bi/img/arrow@2x.png") no-repeat 90% center;background-size:auto 17px;border-radius:3px;color:#fff;text-decoration: none;padding:10px 30px 10px 10px;display:inline-block;margin:15px 0 ; }
a.button.no-arrow { background:var(--blue);padding:10px 15px; }
a.button.no-arrow:hover { background:var(--darkblue); }
a.button.yellow.no-arrow, input[type="submit"] { background:var(--yellow);padding:10px 15px;color:var(--darkblue);font-size:0.9em;font-weight:bold; }
a.button.yellow.no-arrow:hover { background:var(--blue);color:#ffffff; }
a.button.yellow.no-arrow.darkhover:hover { background:var(--darkblue);color:#ffffff; }
a.button.no-margin { margin:0 0; }

.nobreak { white-space: nowrap; }

.textimage-holder a { text-decoration: underline; }
.textimage-holder a.button { text-decoration: none; }

.bg-blue a.button.yellow.no-arrow:hover { background:var(--darkblue);color:#ffffff; }

.column_text.bg-blue a { color:#fff;text-decoration: none; }

input, select { width:100%;margin-bottom:15px;padding:5px; }
label { display:inline-block;margin-bottom:5px; }
input[type="submit"] { border:none;width:auto; }
input[type="submit"]:hover { background:var(--darkblue);color:#ffffff; }
input[type="checkbox"] { display:inline-block;width:auto; }
span.wpcf7-list-item { margin:0;font-size:0.85em; }

.bg-darkblue input[type="submit"]:hover { background:var(--blue);color:#ffffff; }

.bg-white { background:#fff;color:var(--darkblue); }
.bg-yellow { background:var(--yellow);color:var(--darkblue); }
.bg-blue { background:var(--blue);color:#fff; }
.bg-darkblue { background:var(--darkblue);color:#fff; }


.bg-blue a, .bg-darkblue a { color:var(--yellow); }
.bg-blue a:hover, .bg-darkblue a:hover { color:#fff; }

.bg-blue h1, .bg-blue h2, .bg-blue h3, .bg-blue h4, .bg-blue h5, .bg-blue h6,
.bg-darkblue h1, .bg-darkblue h2, .bg-darkblue h3, .bg-darkblue h4, .bg-darkblue h5, .bg-darkblue h6 { color:var(--yellow); }

.text-white { color:#fff; }
.text-yellow { color:var(--yellow); }
.text-blue { color:var(--blue); }
.text-darkblue { color:var(--darkblue); }

.bg-blue a.button { background:var(--darkblue) url("/wp-content/themes/arch_bi/img/arrow@2x.png") no-repeat 90% center;background-size:auto 17px; }


/* ===== NAV MENU ===== */
#navmenu .menu { list-style: none;padding:0;margin:0;display:table;table-layout: fixed;width:100%;z-index:100;position:relative; }
#navmenu .menu li { display:table-cell;text-align:center;padding:0px;position:relative; }
#navmenu .menu li a { display:inline-block;width:100%;padding:12px 5px;text-decoration: none;color:#fff;font-size:0.85em; }
#navmenu .menu li a:hover, #navmenu .current_page_ancestor > a, #navmenu .current-menu-item > a, #navmenu .current_page_parent > a { background:var(--darkblue); }
#navmenu .sub-menu { display:none;position:absolute;width:100%;top:100%;left:0;background:var(--blue);list-style: none;padding:0;margin:0; }
#navmenu .sub-menu li { display:inline-block;width:100%; }
#navmenu .menu li:hover .sub-menu { display:inline-block; }
#navmenu .sub-menu li a:hover { background:var(--yellow);color:var(--darkblue); }

.icon-link .icon { display:inline-block;width:36px;height:36px;margin-right:8px; }
.icon-email { background:url("/wp-content/themes/arch_bi/img/icon-email@2x.png") no-repeat center;background-size:contain; }
.icon-phone { background:url("/wp-content/themes/arch_bi/img/icon-phone@2x.png") no-repeat center;background-size:contain; }
.icon-link a { text-decoration: none;color:var(--darkblue);font-weight:bold;font-size:0.85em;position:relative;top:-13px; }
.icon-link a:hover { color:var(--blue); }
.icon-link.emaillink { position:absolute;top:45px;left:15px; }
.icon-link.phonelink { position:absolute;top:45px;right:15px; }

.mobile-toggle { width:30px;height:30px;display:none; }
.toggle-bar { width:100%;height:3px;margin-bottom:5px;background:#000; }
.mobile-toggle.active .toggle-bar { background:#666; }

.mobile-icon-bar { display:none; }

.logo { width:175px;margin:15px auto; }
.logo.newlogo { width:300px;margin:30px 0; }
.logo-link { display:inline-block;margin:0 auto; }
.nav-top { text-align:center; }
.nav-bottom { background:var(--blue); }

#footer { background:var(--blue);color:#fff;padding:60px 15px; }
#footer a { text-decoration: none;color:#fff;font-size:0.9em; }
#footer a:hover { color:var(--yellow); }
#footer p  { margin-top:0;font-size:0.9em; }
#footer .menu { list-style: none;padding:0;margin:0;display:inline-table;width:100%;table-layout: fixed; }
#footer .menu > li { margin-bottom:10px;display:table-cell; }
#footer .menu > li > a { font-weight:bold; }
#footer .icon-link.emaillink, #footer .icon-link.phonelink { position:static;margin-bottom:15px; }
#footer .icon-link a, #footer .icon-link span { color:#fff; }
#footer .icon-link a:hover { color:var(--yellow); }
#footer .icon-link .icon { width:36px;height:36px; }
#footer .sub-menu { list-style: none;padding:0;margin-top:5px; }
#footer .sub-menu li { margin-bottom:5px;display:inline-block;width:100%; }
#footermenu .menu > li { padding:0 15px 0 0; }

.social-icon { display:inline-block;width:36px;height:36px;background:url("/wp-content/themes/arch_bi/img/sm-icons@2x.png") no-repeat left top;background-size:72px auto;margin:0 15px 15px 0; }
.social-icon.twitter { background-position:0px -36px; }
.social-icon.linkedin { background-position:-36px -36px; }
.social-icon.twitter:hover { background-position:0px 0px; }
.social-icon.linkedin:hover { background-position:-36px -0px; }

.footer-divider { display:inline-block;width:100%;height:1px;background:var(--yellow);margin:40px 0; }

/* ===== MODULES ===== */
.module { display:block; }

.columns-1 { column-count:1; }
.columns-2 { column-count:2; } 
.columns-3 { column-count:3; }
.columns-4 { column-count:4; }

/* Banner */
.banner-text { color:#fff;max-width:960px;display:inline-block; }
.banner { height:500px;overflow:hidden;width:100%;position:relative; }
.banner img { object-fit:cover;object-position: center center;width:100%;height:100%; }
.banner-text-holder { padding:30px 15px;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(26,42,64,0.2); }


/* Column Text */
.column_text { padding:45px 15px;position:relative; }
.column_text.padding-double { padding: 90px 15px; }
.column_text.padding-none { padding: 5px 15px; }
.column_text-overlay { position:absolute;top:0;left:0;width:100%;height:100%;opacity: 0.9; }
.column_text-container { position:relative;z-index:2; }

/* Logo List */
.logo_list { padding:0px 0px 15px; }
.list-logo { width:20%;width:auto;display:inline-block;display:table-cell;padding:5px;text-align:center; }
.list-logo img { display:inline-block;width:100%;max-width:179px; }
/*.logo-list-holder { display:inline-table;table-layout: fixed; }*/
.logo-list-holder { padding:30px 45px 0px; }

/* textimage_block */
.textimage_block { overflow:hidden; }
.textimage_block > div { margin-bottom:0; }
.textimage-holder { padding:80px 30px;position:relative;z-index:1;display:inline-block;width:100%;max-width:700px;text-align:left; }

.textimage-image { width:100%;height:100%;object-fit:cover;/*position:absolute;*/ }

.angledcover { width:100%;height:150%;transform: rotate(-13deg) translate(-7%, -25%);position:absolute;left:0;top:0;z-index:1; }
.image-right .angledcover { transform: rotate(13deg) translate(7%, -20%) }
.image-right { text-align:right; }
.bg-white .angledcover { background:#fff;color:var(--darkblue); }
.bg-yellow .angledcover { background:var(--yellow);color:var(--darkblue); }
.bg-blue .angledcover { background:var(--blue);color:#fff; }
.bg-darkblue .angledcover { background:var(--darkblue);color:#fff; }

.text-icon { width:120px; }
.text-icon img { width:100%; }

/* Full Width Image Slider */
.imageslide { position:relative; }
.imagecaption { position:absolute;bottom:0;left:0;width:100%;height:auto;padding:45px 15px;text-align:center;color:#fff;background:rgba(0,0,0,0.75); }


/* Case Studies */
.case_studies-links { background:#ffffff; }
.case_study-logo { width:25%;display:inline-block;padding:5px;text-align:center;margin-bottom:-5px; }
.case_study-logo:nth-child(odd) { background:#F4F8FB; }

.client-slide { background:var(--darkblue); }
.client-slide a, .nolinkslide { padding:30px 0;display:block;background:#fff;width:100%;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.client-slide a:hover { opacity:0.85; } 

/* Product Slider */
.product-slide { position:relative; }
.product-slide-cover { position:relative;z-index:2;width:100%;height:100%;background:rgba(0,87,168,0.8);text-align:center;padding:15px 30px;color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.product-slide-cover h4, .product-slide-cover h2 { margin-bottom:-8px;text-transform: uppercase;font-size:1.2em;margin-top:15px;color:#fff; }
.product-slide-cover h4, .product-slide-cover h2 { color:var(--yellow); }
.product-slide-cover p { font-weight:200;font-size:0.9em; }
.product-slide a { text-decoration:none; }
.slick-slider { margin-bottom:0; }
.product-slide-cover img { height:auto;max-width:125px;width:auto;display:inline-block; }
.product-slide-background { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover; }
.slick-next { right:10px;z-index:2; }
.slick-prev { left:10px;z-index:2; }
.product-slide-cover h4.slide-name-bottom { margin-top:-10px; }
.product-slide-holder { position:relative;height:320px;overflow:hidden; }
.product-slide:hover a .product-slide-cover { background:rgba(26,42,64,0.95);transform:scale(1.1); }

/* Video */
.plyr__control--overlaid { background:var(--yellow); }
.plyr--full-ui input[type=range] { color:var(--yellow); }
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background:var(--yellow); }
.plyr__control svg { transform:scale(2, 1.75); }
.plyr__control--overlaid { padding:30px; }
.plyr--video .plyr__control { color:var(--blue) !important; }

.video-spacing > div { width:100%;max-width:1800px;margin:0 auto;padding:2rem 1rem; }

/* Animated Number */
.animated-number { font-size:3.5em;font-weight:bold; }
.animated-number-holder { border-top:1px solid #2874A6;padding:15px 0 0 !important; }



/* award-table */
.award-table { border-collapse: collapse;width:100%; }
.award-table th { font-weight:bold; }
.award-table td, .award-table th { padding:25px 15px;text-align:left; }
.award-table td { font-size:0.8em; }
.award-table tr:nth-child(odd) { background:#E7E9EB; }
.award-table .spacer { width:12%; }


/* Full width images slider */
.full_width_image { position:relative; }
.slick-prev:before, .slick-next:before { content:""; }
.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { width:24px;height:24px;background:url("/wp-content/themes/arch_bi/img/slide-arrow-left@2x.png") no-repeat center;background-size:contain; }
.full-width-image-slider .slick-prev, .full-width-image-slider .slick-next, .full-width-image-slider .slick-prev:hover, .full-width-image-slider .slick-prev:focus, .full-width-image-slider .slick-next:hover, .full-width-image-slider .slick-next:focus,
.client_slider .slick-prev, .client_slider .slick-next, .client_slider .slick-prev:hover, .client_slider .slick-prev:focus, .client_slider .slick-next:hover, .client_slider .slick-next:focus { width:48px;height:48px;background:url("/wp-content/themes/arch_bi/img/slide-arrow-left@2x2.png") no-repeat center;background-size:contain; }
.slick-next { transform:rotate(180deg);margin-top:-11px; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { opacity:0.6; }
.slider-title { position:absolute;top:0;left:0;width:100%;padding:30px 15px;background:rgba(0,0,0,0.75);z-index:2;font-weight:bold;text-align:center;color:#fff;font-size:1.2em;margin:0; }

.product_table table tr td:nth-last-child(2) { width:200px; }
.product_table table tr td:nth-last-child(2) .button  { width:100%;text-align:center; }


/* module cpd */
.module.cpd { padding:75px 15px; }
/*.ajax-loader { display:none !important; }*/
.bg-blue div.wpcf7 .ajax-loader { background: url('/wp-content/themes/arch_bi/img/load-yellow-blue.gif');background-size:contain;width: 24px;height: 24px;margin-left: 10px; }
.bg-darkblue div.wpcf7 .ajax-loader { background: url('/wp-content/themes/arch_bi/img/load-yellow-darkblue.gif');background-size:contain;width: 24px;height: 24px;margin-left: 10px; }
.bg-yellow div.wpcf7 .ajax-loader { background: url('/wp-content/themes/arch_bi/img/load-blue-yellow.gif');background-size:contain;width: 24px;height: 24px;margin-left: 10px; }
.module.cpd input[type="submit"] { margin-top:18px; }
select option { -moz-white-space: pre-wrap;
  -o-white-space: pre-wrap;
  white-space: pre-wrap; }

/* client_list */
.client_list img { -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; }
.client_list a:hover img { opacity:0.85; }
.client_list .m-grid > div:last-child:nth-child(3n - 2) { grid-column:5/9; }
#clientslider { padding:0 60px; }
/*.client_list .m-grid > div:last-child:nth-child(3n + 1) { grid-column: 3; }*/


li {
  grid-column-end: -2;
}

li:nth-last-child(2):nth-child(3n + 1) {
  rid-column-end: 4;g
}

.panels img { border:1px solid #fff; }



/* News */
.news-link { overflow: hidden; }
.news-link .angledcover { transform:rotate(-13deg) translate(-1%, -50%); }
.news-link .image-right .angledcover { transform:rotate(13deg) translate(1%, -50%); }
.pagination { text-align:center;padding:15px 15px; }
.pagination a { color:#fff; }
.pagination .current, .pagination a:hover { color:var(--yellow); }
.pagination .next, .pagination .prev { display:none; }
.pagination .page-numbers { padding:0 2px; }
.news-date { font-size:0.9em;margin-bottom:-12px;display:block; }

.objpos-left { object-position: left; }
.objpos-center { object-position: center; }
.objpos-right { object-position: right; }


/* Icon/Text List */
.icontext_list-list { list-style: none;padding:0;margin-top:30px; }
.icontext_list-list li { border-top:1px solid var(--blue);margin:15px 0px;padding:30px 0 15px;text-align:center; }
.icontext_list-list li:last-child { border-bottom:1px solid var(--blue); }
.icontext-list-icon { width:60px;display:inline-block;vertical-align: middle; }
.icontext-list-icon img { width:60px; }
.icontext-list-text { max-width:calc(100% - 60px);display:inline-block;vertical-align: middle;padding-left:30px;font-size:1.2rem;font-weight:500; }


/* Tiers */
.module.tiers { background:var(--blue);color:#fff; }
.module.tiers h4 { color:var(--yellow);font-size:1.6rem;margin:0;margin-top:10px; }
.tier-holder { padding:30px 15px 90px;height:100%;width:100%; }
.tier-holder img { display:inline-block;width:100%;max-width:100px; }
.tier-holder a.button { position:absolute;bottom:30px;left:50%;transform:translateX(-50%); }
.tier-col::after { content:"";display:inline-block;width:2px;height:60%;background:var(--yellow);position:absolute;top:20%;right:-1px; }
.tier-col:last-child::after { display:none; }


#alimatsproductslider h4 { text-transform: initial; }

@media(min-width:1400px){
	.m-xxl-4 { grid-column-end:span 4; }
}

@media(min-width:769px){
	#navmenu { display:block !important; }

}

@media(max-width:1300px){
	.award-table .spacer { width:15px;display:none; }
	
}


@media(max-width:1111px){

	
	
}

@media(max-width: 991px){
		.angledcover { width:150%;transform: rotate(-9deg) translate(0%,-5%);display:block; }
      .textimage-image { position:static;max-height:400px; }
      .right-col-image { grid-row:1; }
      .image-right .angledcover { transform: rotate(9deg) translate(-28%, 0%) }
}



@media(max-width:880px){
	.product-slide-cover img { max-width:125px; }
}


/* Tablet Size */
@media(max-width:768px){
	/* Move this to it's own query if it needs to break down earlier */
		.mobile-toggle { display:inline-block; }
		#navmenu { display:none; }
		#navmenu .menu li { display:inline-block;width:100%;padding:0; }
		#navmenu .menu a { display:inline-block;width:100%;padding:10px; }
		#navmenu .sub-menu { display: none;width:100%;position:static; }
		#navmenu .menu li:hover .sub-menu { display:none; }
      .icon-link .icon { display:none; }
	/* ---------------------- */

	.mobile-icon-bar { display:inline-block;width:100%;height:30px;background:var(--blue);position:absolute;top:0;left:0; }
	.icon-link .icon { display:none; }
	.icon-link a, .icon-link span { top:0;color:#fff;font-weight:normal; }
	.icon-link.emaillink,.icon-link.phonelink { top:5px; }
	.logo-link { margin-top:30px; }
	.mobile-toggle { position:absolute;top:70px;right:30px; }

	.banner { height:350px; }

	#navmenu .sub-menu { /*display:inline-block !important;*/background:#266B9A; }
	#footer .menu > li { display:inline-block;width:33%;vertical-align: top; }

	h1 { font-size:2.5em; }

	.award-table .spacer { width:15px; }

	.award-table td, .award-table th { font-size:0.7em;padding:15px 5px; }
	.product_table table tr td:nth-last-child(2) { width:160px; }

	.full-width-image-slider .slick-prev, .full-width-image-slider .slick-next, .full-width-image-slider .slick-prev:hover, .full-width-image-slider .slick-prev:focus, .full-width-image-slider .slick-next:hover, .full-width-image-slider .slick-next:focus { width:24px;height:24px;background:url("/wp-content/themes/arch_bi/img/slide-arrow-left@2x2.png") no-repeat center;background-size:contain; }
	.imagecaption { padding:10px 15px; }

	.slider-title { padding:10px 15px;font-size:1em; }

	.icon-link.emaillink a { top:0px; } 

		.angledcover { width:150%;transform: rotate(-9deg) translate(0%,-5%);display:block; }


		.tier-col::after { display:none; }

    .logo.newlogo { width:200px;margin-left:15px; }
    .nav-top { text-align:left; }


}

/* Mobile Size */
@media(max-width:560px){


	.banner { height:250px; }
	.angledcover { width:150%;transform: rotate(-9deg) translate(0%,-5%); }
	.image-right .angledcover { width:150%;transform: rotate(9deg) translate(-23%,-1%); }
	.image-right { grid-row:2; }
	.textimage-holder { padding:30px 15px 45px; }
	.case_study-logo { width:50%; }
	/*.list-logo { width:33%; }*/
	#footer .menu > li { width:50%;margin-bottom:30px; }

	h1 { font-size:1.4em; }
	h2 { font-size:1.2em; }
  h3 { font-size:1.1rem; }

	.column_text.double-padding { padding:60px 15px; }

	.animated-number-holder { text-align:center; }

	.award-table .spacer { display:none; }

	.award-table td:nth-child(4) { width:20%; }

	.product-slide[aria-hidden="true"] .product-slide-cover { background:rgba(26,42,64,0.97); }	
	.product_table table tr td:nth-last-child(2) { width:100px; }

  .logo { width:125px; }
	.news-link .angledcover { transform:rotate(-13deg) translate(-1%, -25%); }
	.news-link .image-right .angledcover { transform:rotate(13deg) translate(-21%, -9%); }

  .mobile-toggle { top:70px; }

  .product-slide-cover h4, .product-slide-cover h2 { font-size:1.1rem; }
  .product-slide-cover { padding:15px 60px; }
}