/*
 Theme Name:   Gritstone Computers
 Description:  A Child Theme built for Gritstone Computers
 Author:       Flair Digital
 Author URI:   https://flairdigital.co.uk
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../Divi/style.css");
/* Theme customization starts here
------------------------------------------------------- */
/* Transitions */

.strip-cta-button, .service-strip .service:hover span.et-pb-icon, .service-strip .microsoft-partner:hover .et-pb-icon::after, .wpcf7-submit {
  transition: all 300ms ease-in-out;
}

/* End Transitions */



/* Media Quiries */
@media only screen and (max-width: 1195px) and (min-width: 980px) { /* styles for screens above 1530px */ /* styles for screens above 1530px */
.contact-section .et_pb_column_1_3 {
  width: 100%;
  margin-bottom: 20px;
}
}


@media only screen and (max-width: 1370px) { /* styles for screens below 1370px */
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        background-image: radial-gradient(circle at center,rgba(126,104,175,0.45) 19%,rgba(78,47,145,0) 19%) !important;

    }
}
@media only screen and (max-width: 1210px) { /* styles for screens below 1210px */
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        background-image: radial-gradient(circle at center,rgba(126,104,175,0.45) 27%,rgba(78,47,145,0) 27%) !important;

    }
}
@media only screen and (max-width: 1400px) { /* styles for screens below 1280px */
    #main-header {
        height: 80px;
    }
    .logo_container, .logo_helper, img#logo, .et_menu_container {
        height: 75px !important;
        max-height: 75px !important;
        min-height: 75px !important;
        vertical-align: middle !important;
    }
}
@media only screen and (max-width: 980px) { /* styles for screens below 980px */
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        background-image: radial-gradient(circle at center,rgba(126,104,175,0.45) 30%,rgba(78,47,145,0) 30%) !important;

    }
}
@media only screen and (max-width: 761px) { /* styles for screens below 761px */
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        background-image: radial-gradient(circle at center,rgba(126,104,175,0.45) 41%,rgba(78,47,145,0)41%) !important;

    }
}
@media only screen and (max-width: 700px) { /* styles for screens below 700px */
    body.home .service-strip .et_pb_column {
        width: 100% !important;
        display: block !important;
        margin-right: 0 !important;
        margin-top: 1em;
    }
}
@media only screen and (max-width: 601px) { /* styles for screens below 601px */
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        background-image: radial-gradient(circle at center,rgba(126,104,175,0.45) 42%,rgba(78,47,145,0) 42%) !important;

    }
}
@media only screen and (max-width: 550px) { /* styles for screens below 550px */
    logo_container, .logo_helper, img#logo, .et_menu_container {
        height: 75px !important;
        max-height: 75px !important;
        min-height: 75px !important;
        vertical-align: middle !important;
    }
    .logo_container, .logo_helper, img#logo {
        width: auto !important;
        max-width: none !important;
    }
}
@media only screen and (max-width: 471px) { /* styles for screens below 471px */
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
        background-image: radial-gradient(circle at center,rgba(126,104,175,0.45) 54%,rgba(78,47,145,0) 54%) !important;

    }
    body.home .et_pb_fullwidth_header.et_pb_fullwidth_header_0 .header-content {
        width: 100% !important;
    }
}
@media only screen and (max-width:360px) { /* styles for screens below 360px */
    logo_container, .logo_helper, img#logo, .et_menu_container {
        height: 65px !important;
        max-height: 65px !important;
        min-height: 65px !important;
        vertical-align: middle !important;
    }
    .logo_container, .logo_helper, img#logo {
        width: auto !important;
        max-width: none !important;
    }
    .et_menu_container {
        max-width: 100% !important;
    }
    #main-header .container {
        margin: 0 !important;
    }
    .shiftnav-toggle {
       position: absolute;
       top: 1em;
       right: 0.8em;
       z-index: 9999999;
    }
}
@media only screen and (min-width: 1400px) { /* styles for screens above 1200px */
    .shiftnav-toggle {
        display: none !important;
    }
}
@media only screen and (min-width : 981px) {
/* remove carrot from menu with drop down */
    #top-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
        padding-right: 0px;
    }
    #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
        display:none;
    }
/* menu padding */
    #et-top-navigation {
        padding-top: 0px!important;
        font-weight:300;
    }
    #top-menu li {
        margin-left: -3px;
        padding-right: 0px;
        box-sizing: border-box !important;
    }
    #top-menu li > a {
        padding: 45px 30px 45px 30px!important;
    }
     #top-menu li > a:hover {
        padding: 45px 30px 45px 30px!important;
    }
/* remove color fade in on menu text */
    #top-menu a {
        color: #000;
    }
/* current menu item colors */
    #top-menu li.current-menu-item {
        background-color: none;
        background: linear-gradient(to bottom, #e0e0e0 0%,#e0e0e0 97%,#8ad040 97%, #8AD040 100%);
    }
    #top-menu li.current-menu-item > a {
        color:#555!important;
    }
/* menu item hover colors */
    #top-menu li:hover {
        background: linear-gradient(to bottom, #e0e0e0 0%,#e0e0e0 97%,#4e2f91 97%, #4e2f91 100%);
    }
    #top-menu li > a:hover {
        color: #555;
        opacity: 1!important;
    }
/* current menu ancestor background color */
    .current-menu-ancestor {
        background: linear-gradient(to bottom, #e0e0e0 0%,#e0e0e0 97%,#8AD040 97%, #8AD040 100%);
    }
    .current-menu-ancestor a {
        color: #555!important;
    }
/* sub menu adjustments */
    .sub-menu {
        padding: 0px!important;
    }
    #top-menu li li a {
         padding: 19px 5px 19px 8px!important;
    }
    .current-menu-ancestor .sub-menu a {
        color: #000!important;
    }
    .current-menu-ancestor .sub-menu a:hover {
        color: #555!important;
    }
}
/* End Media Quiries */
/* SHELL STYLLS */
body.single-post article {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}



.et-social-icon a{
    font-size: 25px !important;
    background: #4E2F91;
    border: 1px solid #4E2F91;
    border-radius: 50%;
    color: #ffffff !important;
    padding: 15px;
    text-align: center;
}
.et-social-icon a:hover {
    background: #5F4893;
    border: 1px solid #5F4893;
    opacity: 1 !important;
}
body {
    font-weight: 300;
}
.et_fullwidth_nav #main-header .container {
    height: 105px !important;
    max-height: 105px !important;
}
/*Header & Navigation*/
#et-top-navigation, #et-secondary-menu {
    font-weight: 300;
}
#et-info-phone, #et-info-email {
    font-size: 14px;
    font-weight: 300 !important;
    line-height: 1;
}
#et-info-phone:before, #et-info-email:before {
    content:'';
}
/*End Header & Navigation*/
/*Typography*/
.t-w, .t-w a, .t-w h3 {
    color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6, body, input, textarea, select, a, a.et_pb_button {
    font-weight: 300 !important;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
    line-height: 1.3em;
}


.custom-underline h2:after, h2.custom-underline:after, .custom-underline h3:after, h3.custom-underline:after {
	content: "";
  display: block;
  margin: 0 auto;
  width: 30%;
  padding-top: 15px;
}
.custom-underline.left h2:after, h2.custom-underline.left:after, .custom-underline.left h3:after, h3.custom-underline.left:after {
  margin: 0 auto 0 0;
}
.custom-underline.center h2:after, h2.custom-underline.center:after, .custom-underline.center h3:after, h3.custom-underline.center:after {
  margin: 0 auto;
}
.custom-underline.right h2:after, h2.custom-underline.right:after, .custom-underline.right h3:after, h3.custom-underline.right:after {
  margin: 0 0 0 auto;
}
.custom-underline.dpurple h2:after, h2.custom-underline.dpurple:after, .custom-underline.dpurple h3:after, h3.custom-underline.dpurple:after {
  border-bottom: 2px dashed #4e2f91;
}
.custom-underline.lpurple h2:after, h2.custom-underline.lpurple:after, .custom-underline.lpurple h3:after, h3.custom-underline.lpurple:after {
  border-bottom: 2px dashed #7e68af;
}
.custom-underline.white h2:after, h2.custom-underline.white:after, .custom-underline.white h3:after, h3.custom-underline.white:after {
  border-bottom: 2px dashed #ffffff;
}

.h-strap h3 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
.contact-row .h-strap h3 {
    margin-bottom: 1em;
}
.h-strap h3:before, .h-strap h3:after {
  content: '\a0';
  flex-grow: 1;
  height: 1px;
  position: relative;
  top: 0.7em;
}
.h-strap h3:before {
  margin-right: 20px;
}
.h-strap h3:after {
  margin-left: 20px;
}
.h-strap h3:before, .h-strap h3:after {
  background-color: #CCC;
}
.h-strap i.fa {
    margin: 0.2em 0.5em 0 0;
}
/*End Typography*/
/*Section Styles*/
.strip-lg {
    background: #f9f9f9;
}
.strip-dp {
    background: #4E2F91;
}
.border-tg {
    border-top: 1px solid #ccc;
}
.home-hero .et_pb_fullwidth_header_subhead {
    font-size: 1.2em;
}
.home-hero .et_pb_more_button {
    border: 1px solid #fff;
    font-weight: 300;
}
.home-hero .et_pb_more_button:hover {
    border: 1px solid #fff;
    font-weight: 300;
}
.strip-cta-cols {
    background: #7e68af;
}
.strip-cta-button {
    background: #5f4893;
    padding: 1em 0;
    text-align: center;
    color: #fff;
}
.strip-cta-button:hover {
    background: #4e2f91;
}
.strip-cta-button i.fa {
    font-size: 1.3em;
}
.border-homebox {
    border: 1px solid #B5B5B5;
}
#main-content .site-intro .header-content {
    max-width: 900px;
}
#main-content .site-intro .header-content p:last-of-type {
    margin: 0.5em 0;
}
#main-content .site-intro .et_pb_fullwidth_header_scroll {
    bottom: -51px;
    background: transparent;
}
.service-strip .service span.et-pb-icon {
    color: #4e2f91;
    background-color: #e0e0e0;
    font-size: 55px;
    padding: 0.5em;
    border: 6px solid #ececec;
    border-radius: 50%;
}
.service-strip .microsoft-partner {
    margin-top: 32px;
}
.service-strip .microsoft-partner .et-pb-icon::after {
    font-family: "FontAwesome" !important;
    font-size: 55px !important;
    background-color: #e0e0e0;
    padding: 0.5em;
    border: 6px solid #ececec;
    border-radius: 50%;
    content: "\f17a" !important;
}
.service-strip .microsoft-partner h4 {
    margin-top: 35px;
}
.service-strip .service:hover span.et-pb-icon, .service-strip .microsoft-partner:hover .et-pb-icon::after {
    border: 6px solid #8ad049;
    color: #8ad049 !important;
    background-color: #fff;
}
.service-strip .et_pb_more_button {
    width: 96%;
}
.service-strip .et_pb_more_button:hover {
    width: 99%;
}
.service-strip .et_pb_more_button, .service-strip .et_pb_more_button:hover {
    font-size: 1.1em;
    font-weight: 300;
    border: 1px solid #4e2f91;
}
.service-strip a.et_pb_more_button::after {
    font-weight: 300 !important;
}
#main-content .strip-usp {
    padding-bottom: 0;
}
#main-content .testimonial-slider .et_pb_slide {
    background-color: #4E2F91 !important
}
.testimonial-slider .et_pb_slide_description {
    font-weight: 300;
    padding: 0 8% 8% 8% !important;
}
.testimonial-slider .et_pb_slide_content {
    font-weight: 300;
}
#main-content .contact-cta {
    border-top: 1px solid #391d77;
}
#main-content .contact-cta a {
    color: #fff;
}
#main-content .contact-cta h2, #main-content .contact-cta p {
    margin-bottom: 1em;
}
#main-content .contact-cta .et_pb_button_wrapper {
    margin-top: 1em;
}
#main-content .contact-cta a.et_pb_promo_button {
    border: 1px solid #fff;
    font-weight: 300;
}
#main-content .service-intro p {
    text-align: left;
}
#main-content .client-says {
    border: 1px solid #ccc;
    background-color: #fafafa !important;
    font-weight: 300;
    text-align: left;
}
#main-content .client-says::before {
    color: #391d77;
    background: #fafafa;
}
#main-content .client-says .et_pb_testimonial_author {
    font-weight: 300;
    color: #391d77;
}
/* Half Circle */
.ss-halfcircle::before {
	left: 50%;
	z-index: 10;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: inherit;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
    position: absolute;
	content: '';
	pointer-events: none;
}
.ss-halfcircle::before {
	top: -50px;
    background: #4E2F91;
}
/*Hexagon*/
.hex-wrapper {
    text-align: center;
}
.hexagon {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    width: 300px;
    height: 173.21px;
    background-color: #6237c1;
    margin: 86.60px 0 86.60px 0;
}
.hexagon:before, .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
}
.hexagon:before {
    bottom: 100%;
    border-bottom: 86.60px solid #6237c1;
}
.hexagon:after {
    top: 100%;
    left: 0;
    width: 0;
    border-top: 86.60px solid #6237c1;
}
.hexagon h4 {
    display: block;
    color: #fff;
    width: 250px !important;
    margin: 1em auto 1em auto;
    font-size: 1.2em;
}
.hexagon span, .hexagon p {
    text-align: center !important;
    display: block !important;
    color: #fff !important;
    width: 250px !important;
    margin: 1em auto 1em auto !important;
    font-size: 1.2em !important;
}
.lbi .et_pb_main_blurb_image {
  width: 45px !important;
}
/* Contact Form 7*/
.wpcf7-form input.text, .wpcf7-form input.title, .wpcf7-form input[type="email"], .wpcf7-form input[type="password"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="text"], .wpcf7-form select, .wpcf7-form textarea {
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 14px;
}
.wpcf7-text, .wpcf7-email, .wpcf7-textarea {
    background: #eaeaea !important;
    border: none !important;
    padding: 16px !important;
    border-radius: 4px;
}
.wpcf7-text, .wpcf7-email {
    width: 95%;
}
.wpcf7-textarea {
    width: 97.5%;
    margin-top: 16px;
}
.wpcf7-submit {
    background: #5F4893;
    border: 5px solid #5F4893;
    border-radius: 4px;
    padding: 3px 55px 8px 55px;
    font-size: 20px;
    color: #ffffff;
}
.wpcf7-submit:hover {
    background: #7E68AF;
    border: 5px solid #7E68AF;
    border-radius: 3px;
    padding: 3px 55px 8px 55px;
    font-size: 20px;
    color: #ffffff;
}
.remote-form input.wpcf7-text {
    border: 1px solid #ccc !important;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #555;
    width: 100%;
}
.remote-form input.wpcf7-text::placeholder, .remote-form input.wpcf7-text::-moz-placeholder {
    color: #555 !important;
    opacity: 1;
}
.remote-form .rs-submit {
    background: #6237c1;
    border: 1px solid #6237c1;
    color: #fff;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    border-radius: 3px;
    padding: 0.2em;
    box-sizing: border-box;
    height: 56px;
    width: 100%;
}
.remote-form .rs-submit:hover {
    background: #7E68AF;
    border: 1px solid #6237c1;
    color: #fff;
}
/* End Contact form 7*/
/*Footer area*/
.footer-right {
  width: 25%;
  float: right;
}
.footer-left {
  width: 70%;
  margin-right: 5%;
  float: right;
}
.footer-right img {
  margin-bottom: 30px;
}
#main-footer {
    background-color: #333;
    border-top: 1px solid #222;
}
#footer-widgets .footer-widget li:before {
    display: none;
}
#footer-widgets .footer-widget li {
    padding-left: 0px;
}
#footer-widgets .footer-widget h4.title {
    color: #999;
}
#footer-widgets .footer-widget li, #footer-widgets .footer-widget li a, #footer-widgets .footer-widget p, #footer-widgets .footer-widget p a {
    color: #ccc !important;
}
#footer-widgets .footer-widget li a:hover, #footer-widgets .footer-widget p a:hover {
    color: #fff !important;
}
p.foot-links a {
    color: #ccc !important;
}
p.sigs {
    font-size: 0.9em;
    display: block !important;
    margin: 1em 0;
}
p.sigs a {
    color: #666 !important;
}
p#footer-info {
    font-size: 0.9em;
    display: block !important;
}
/* End Footer area*/
/*Misc*/
#main-content .padd-text-20 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
#main-content .padd-20 {
    padding: 20px !important;
}
#main-content .padd-b-0 {
    padding-bottom: 0;
}
#main-content .padd-t-0 {
    padding-top: 0;
}
#main-content .padd-tb-0 {
    padding-top: 0;
    padding-bottom: 0;
}
#main-content .padd-tb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
#main-content .padd-b-40 {
    padding-bottom: 40px;
}
#main-content .center {
    text-align: center;
}
#main-content .mar-t-20 {
    margin-top: 20px;
}
#main-content .mar-b-20 {
    margin-bottom: 20px;
}
.clearAll {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	display: hidden;
	height: 0;
}
/* BEGIN clearfix
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*END clearfix*/
/*END Misc*/