/*
Theme Name: DDIC
Description: Multi-Purpose Wordpress Theme
Author: IsleCreative.
Theme URI: http://islecreative.co.uk/
Author URI: http://islecreative.co.uk/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger) #primary-menu.no-responsive > li:hover > a {
    color: #21334A!important;
}
#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons .menu-toggle .menu-line-1, #perspective-menu-buttons .menu-toggle .menu-line-2, #perspective-menu-buttons .menu-toggle .menu-line-3, #perspective-menu-buttons .perspective-toggle .menu-line-1, #perspective-menu-buttons .perspective-toggle .menu-line-2, #perspective-menu-buttons .perspective-toggle .menu-line-3 {
    background: #21334A;
}

.wpb_single_image .vc_box_border.vc_box_border_grey, .wpb_single_image .vc_box_border_circle.vc_box_border_grey {
    background-color: #f7f6f6!important;
}

.wpb_single_image .vc_box_border.vc_box_border_grey:hover, .wpb_single_image .vc_box_border_circle.vc_box_border_grey:hover {
    background-color: #efefef!important;padding:10px!important;
}


.fullwidth-block-inner > :first-child, .fullwidth-block-inner > .container > :first-child, .centered-box > :first-child, .gem-textbox-content > :first-child, .gem-icon-with-text-text > :first-child, .gem-icon-with-text-content > :first-child, .gem-map-with-text-content > :first-child, .gem-map-with-text-content > .container > :first-child, .gem_tab > :first-child, blockquote > :first-child, .comment-text > :first-child, .wpb_wrapper > :first-child {
    margin-bottom: 20px;
}




/* Theme Full Width Overide from 1212*/

@media (min-width: 1300px) {
	.container {
		width: 1300px;
	}
	#team{margin-top:-90px!important; margin-bottom:-120px!important;}
}

@media (max-width: 1212px) {
	.home-tablet-pad {
		padding-top:75px;
	}
		.mouse-scroll {
    display: none!important;
}
	
}

@media (max-width: 1000px){
h2, .title-h2, .pricing-table-style-6 .pricing-price-title, h3.comment-reply-title {
    line-height: 4.5vw!important;	
	}
		.home-tablet-pad {
		padding-top:0px!important;
	}
}

@media (min-width: 1212px) {
	#team{margin-top:-90px!important; margin-bottom:-120px!important;}
}

/* Mailchimp Submit*/
#mc4wp_submit {
    width: 57px!important;
    font-weight: bold!important;
    height: 57px!important;
    font-family: thegem-icons;
}

.mc4wp-form input[type='email'] {
    padding: 15px 46px 15px 20px!important;
}




/* Page default padding*/
.block-content {
    padding: 70px 0 50px;
}

/* Testimonials Colours*/
.gem-testimonials.style1 .gem-testimonial-wrapper:after,
.gem-testimonials.style2 .gem-testimonial-wrapper p:after {
    color: #0063b1!important;
}

/* Mouse Scroll Icon*/
.mouse-scroll {
    border: 3px solid #fff!important;
}
.mouse-scroll:after {
        background-color: #0063b1!important;
}
@media (max-width: 600px) {
.scrolldown {
    display: none!important;
}
	
.mobile-hide {
		display:none!important;
	}
	
	.home-tablet-pad {
		padding-top:0px!important;
	}
	
	.page-title-block {
    padding: 80px 0 40px 0!important;
}
	
	
h2, .title-h2, .pricing-table-style-6 .pricing-price-title, h3.comment-reply-title {
    line-height: 8.5vw!important;
	font-size:8vw!important;
	}
	
	.styled-subtitle {line-height: 6.5vw!important;
	font-size:5vw!important;font-weight:500!important}	
}


/* FAQs */
.wpb-js-composer .vc_tta.vc_general.vc_tta-accordion .vc_tta-panel-body {
    padding: 25px;
}

/* Overlays*/
/*.hamburger-overlay {
    background-color: #24282D;
}
.hamburger-overlay:active {
    opacity: 0.6;
}*/

/* Hide Testimonial Images */
.gem-testimonials.size-small .gem-testimonial-image {
	display:none;
}


	/* Overide Header Light Setting*/
/*#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li > a {
    color: #2F2F39!important;
}	

#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li > a:hover {
    color: #ffcd46!important;
}	

#site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li > a {
    color: #ffffff;
}
#site-header:not(.shrink) .header-colors-light.header-style-3:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a, #site-header:not(.shrink) .header-colors-light.header-style-3:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a, #site-header:not(.shrink) .header-colors-light.header-style-4:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-current > a, #site-header:not(.shrink) .header-colors-light.header-style-4:not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a {
    border: 2px solid #ffcd46!important; 
}

.mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a, .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a {
    border-left: 4px solid #ffcd46!important;
}
	
	
#site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-1, #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-2, #site-header:not(.shrink) .header-colors-light #primary-navigation .menu-toggle .menu-line-3, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-1, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-2, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .menu-toggle .menu-line-3, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .perspective-toggle .menu-line-1, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .perspective-toggle .menu-line-2, #site-header:not(.shrink) .header-colors-light #perspective-menu-buttons .perspective-toggle .menu-line-3 {
    background-color: #ffcd46!important;
}

#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons .menu-toggle .menu-line-1, #perspective-menu-buttons .menu-toggle .menu-line-2, #perspective-menu-buttons .menu-toggle .menu-line-3, #perspective-menu-buttons .perspective-toggle .menu-line-1, #perspective-menu-buttons .perspective-toggle .menu-line-2, #perspective-menu-buttons .perspective-toggle .menu-line-3 {
    background: #ffcd46!important;
}

 #site-header:not(.shrink) .header-colors-light:not(.header-layout-fullwidth_hamburger):not(.header-layout-overlay) #primary-menu.no-responsive > li.menu-item-active > a {
    color: #ffcd46!important;
}*/

/* End Overide Header Light Setting*/


/*TABLES START */

 h2.tablepress-table-name {font-size:2em;font-weight:300!important; margin:25px 0 15px 0!important;}

table thead tr, table tbody tr {
	border: none!important;
	
}

.tablepress td, .tablepress th {
    padding: 15px 8px!important;
    border: 1px solid #ffffff!important;
    background: 0 0;
    text-align: left;
    float: none!important;
}

.tablepress tfoot th, .tablepress thead th {
	background-color: #0063b1!important;
	font-weight: 500!important;
	vertical-align: middle!important;
	color: #fff!important;
	font-size:1.2em!important;
	text-align:center!important;
	padding: 20px 15px!important;
}
.tablepress tr td {
vertical-align: middle!important;
	text-align:center!important;
	}

.tablepress .row-hover tr:hover td {
	background-color: #61727F!important;
	color: #fff;
	}

.tablepress .column-1 {min-width:180px; text-align:right; font-weight:600!important;}

/*.column-1, .column-2, .column-3, .column-4, .column-5, .column-6 , .column-7 {text-align:center!important;}*/

/*.included .column-1 {text-align:left;}*/
/*TABLES END*/




	
	
/*
Gravity Forms Start
*/
.gform_wrapper .light label.gfield_label {
	color: #fff;
}

.gform_wrapper .light  p {
  color: #fff!important;
}

.gform_wrapper .light label.gfield_label {
	color: #fff!important;
}
.gform_wrapper .light .field_sublabel_below .ginput_complex.ginput_container label, .light_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
	color: #fff!important;
	}
.gform_wrapper .light .description, .light_wrapper .gfield_description, .light_wrapper .gsection_description {
		color: #fff!important;
}
.gform_wrapper .light ul.gfield_checkbox li label, .light_wrapper ul.gfield_radio li label {
	color: #fff!important;
}
.gform_wrapper .light .validation_message {
	color: #fff!important;
}
.gform_wrapper .light span.gform_drop_instructions, .ginput_preview  {
	color: #0063b1!important;
}

/*
Gravity Forms End
*/

/*
Gravity Dark Text Forms Start
*/
.gform_wrapper  p {
 
  }
 .gform_wrapper  h2 {
/*	  	font-weight: 600!important;*/
	font-size: 1.4em!important;
/* font-family: Montserrat, sans-serif;*/
  }
  
.gform_wrapper label.gfield_label {
/*	font-weight: 600!important;*/
	font-size: 1.2em!important;
/*	font-family: Montserrat, sans-serif;
	color: #02a5f1;*/
}
.gform_wrapper .gfield_required {
	color: #f5245f!important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
	font-size: 1.1em!important;
	}
	.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description {
	margin-top:15px;
	padding: 10px!important;
	border-radius:3px;
	  color: #fff!important;
	font-size: 1.1em!important;
background: #61727F;
}
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
	padding: 8px 10px!important;
	font-size: 1.1em!important;
/*	color: #002136!important;*/
	font-weight:400!important;
	background:#F4F6F7;
	border:none;
}
	
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]):focus {
	background:#fff;
}

.post-password-form input[type="password"] {	
	padding: 8px 10px!important;
	font-size: 1.1em!important;
	font-weight:400!important;
	/*color: #002136!important;*/
	background: #F4F6F7 !important;
	border-color:#61727F!important;
	}
	

.gform_wrapper textarea {
	padding: 8px 10px!important;
	font-size: 1.1em!important;
	font-weight:400!important;
	/*color: #002136!important;*/
	background: #F4F6F7;
	border: none;
}
	
	.gform_wrapper textarea:focus {
	background: #fff;
}

.gform_wrapper select {
	padding: 8px 16px 8px 8px!important;
	font-size: 1.1em!important;
	/*color: #002136!important;*/
	font-weight:400!important;
	border:none!important;
}


.gform_wrapper.gf_browser_gecko select {
	padding: 12px 20px 12px 12px!important;
	font-size: 1.1em!important;
	/*color: #002136!important;*/
	font-weight:400!important;
}
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {
	font-size: 1.1em!important;
	padding:3px 10px;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
	background-color:#61727F!important;
	padding:3px 10px;
	color:#fff!important;
	border-radius:3px;
}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label a, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label a{
	color:#fff!important;
}

.gform_wrapper ul.gform_fields li.gfield {
	/*padding: 16px!important;*/
	}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: rgba(255,223,224,.50)!important;
}	

.gform_wrapper .validation_message {
	-webkit-animation: flash ease 5s 6;
	animation: flash ease 5s 6;
	color: #fff!important;
	margin:10px 0!important;
}

.gform_wrapper div.validation_error {
	color: #f5245f!important;
	font-size: 1.5em!important;
	border-top: 2px solid #f5245f!important;
	border-bottom: 2px solid #f5245f!important;
}



.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
	padding: 0 15px;
}

#gform_submit_button_2{
  background: #0063b1 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 600;
  height: 50px;
  margin: 10px 0 40px 0;
  /*width: calc(100% - 15px);*/
  width:100%;
  display:inline-block;
  transition: all 0.2s ease-out 0s;
 /* font-family: Montserrat, sans-serif;*/
  cursor: pointer;
}

#gform_submit_button_2:hover {
  background: #21334A none repeat scroll 0 0;
  transition: all 0.2s ease-out 0s;
}

/*#gform_next_button_6_56, #gform_next_button_6_57, #gform_next_button_10_56, #gform_next_button_10_57{
  background: #1B65AE none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 500;
  height: 60px;
  margin: 10px 0 40px 0;
  padding:0 28px;
  transition: all 0.2s ease-out 0s;
  font-family: Montserrat, sans-serif;
  cursor: pointer;
}

#gform_previous_button_6_57, #gform_previous_button_6, #gform_previous_button_10_56, #gform_previous_button_10{
  background: #D8D8D8 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 500;
  height: 60px;
  padding:0 28px;
  transition: all 0.2s ease-out 0s;
  font-family: Montserrat, sans-serif;
  cursor: pointer;
}

#gform_previous_button_6_56:hover, #gform_next_button_6_57:hover, #gform_next_button_6_56:hover, #gform_previous_button_6:hover, #gform_previous_button_10_56:hover, #gform_next_button_10_57:hover, #gform_next_button_10_56:hover, #gform_previous_button_10:hover {
  background: #f4a322 none repeat scroll 0 0;
  transition: all 0.2s ease-out 0s;
}
*/


/*#gform_browse_button_1_10,#gform_browse_button_4_10 ,#gform_browse_button_5_26   {
  background: #002136 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 3px;
  color: #fff;
  font-size: 1.2em;
  font-weight: 600;
  margin: 10px;
  height:40px;
  padding: 0px 30px 0px 30px;
  width: auto;
  transition: all 0.2s ease-out 0s;
 font-family: Montserrat, sans-serif;
  cursor: pointer;
}*/
	
	
/*#gform_browse_button_1_10:hover,#gform_browse_button_4_10:hover  {
  background: #f5245f none repeat scroll 0 0;
  transition: all 0.2s ease-out 0s;
}*/

/*.ginput_container_fileupload {color:#02a5f1;}
.ginput_container_fileupload .validation_message {
	-webkit-animation: flash ease 5s infinite;
	animation: flash ease 5s infinite;
	color: #f5245f!important;
}
.gform_wrapper span.gform_drop_instructions, .ginput_preview  {

}*/

/*
Gravity Dark Text Forms End
*/	

#page-preloader {
    opacity: 0.98;
    background: #21334A;
}
	
/* Pre-loader */
#page-preloader .page-preloader-spin, .block-preloader .page-preloader-spin, .preloader-spin {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1001;
    width: 120px;
    height: 120px;
    margin: -40px 0 0 -40px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	 border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #0063b1;
    -webkit-animation: PreloaderSpin 2s linear infinite;
    animation: PreloaderSpin 2s linear infinite;
}

#page-preloader .page-preloader-spin:before, .block-preloader .page-preloader-spin:before, .preloader-spin:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #ffffff;
    -webkit-animation: PreloaderSpin 3s linear infinite;
    animation: PreloaderSpin 3s linear infinite;
}

#page-preloader .page-preloader-spin:after, .block-preloader .page-preloader-spin:after, .preloader-spin:after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #565656;
    -webkit-animation: PreloaderSpin 1.5s linear infinite;
    animation: PreloaderSpin 1.5s linear infinite;
}

/*
Disables Pre-loader missing file error
*/	
.preloader:after,
.loading:after {
	background-image:none!important ;
}

.preloader .preloader-spin,
.loading .preloader-spin {
	display: none!important;
}


iframe {border:none!important}






.testimonials_svg  {
    display: none;
}

.highlight {color: #0063b1!important;}

body.search .page-title-block:before {
    background-color: transparent!important;
}

.breadcrumbs .current {
    color: #0063b1!important;
    padding-bottom: 12px;
    border-bottom: 3px solid #0063b1!important;
}



.site-footer .widget-title {color:#fff;}

.gem-contacts-item:before {
    color: #0063b1!important;
}

.site-footer  .wpb_wrapper > :first-child {
    margin-top: 37px;
}

.copyright a {color:#D6CEC7 }
.copyright a:hover {color:#ffffff }

.display-none {display:none!important}


.footer-copyright {margin-top:10px; text-align: right}
.isle {opacity:0.6;}
.isle:hover {opacity:1; transition: all 0.2s ease-out 0.1s;font-weight:800;	}
.isle a {color:#ffffff!important; text-decoration: none; font-size:1.1em; font-weight:800;	}
.isle a:hover {	color:#ffffff !important; transition: all 0.2s ease-out 0.1s;font-weight:800;}
.isle a:hover strong{ transition: all 0.2s ease-out 0.1s; color:#F5245F !important;font-weight:800;	}