/*
 Theme Name:   SitAbility
 Theme URI:    
 Description:  SitAbility
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     Divi
 Version:      1.0.0
 Tags:         
 Text Domain:  
*/

/* This Style file is to be used when enqueuing the Child Theme via Functions.php */

/* =Theme customization starts here
-------------------------------------------------------------- */

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

h1.bighead {
	font-size:2.8em;
}

#sa_home_title h1 {
	font-size:2.8em;
	text-align:right;
	line-height:1.2em;
}

.sa_inner_title h1 {
	font-size:2.4em;
	text-align:right;
	line-height:1.2em;
}

#sa_home_title p {
	font-size:1.5em;
	text-align:right;
}

.sa_inner_title p {
	text-align:right;
}

a.sit_button {
	display:inline-block;
	text-align:center;
	font-weight:700;
	color:#fff;
	padding:8px 30px;
	min-width:250px;
	background-color:#00aeef;
	transition: all 0.75s;
	margin-top:20px;
}

a.sit_button:hover {
	background-color:#4ba241;
}

#sa_home_bullets ul li {
	font-size:1.2em;
}

h2.bighead {
	font-size:2.4em;
	color:#00aeef;
}

.product_features .et_pb_text {
	font-size:14px;
	line-height:1.2em;
}

.et_pb_text, .et_pb_text_0 {
	width:100%!important;
}

.title_subhead {
	font-weight:700;
	color:#777;
}

.feature_subhead {
	color:#00aeef;
	font-weight:700;
	font-style:italic;
}

p.spec_header {
	margin-bottom:10px;
	padding:5px;
	background-color:#f1f1f1;
	font-weight:700;
}

.rev p.spec_header {
	background-color:#fff;
}

ul.emove_features {
	margin-top:20px;
}

ul.emove_features li {
	line-height:1.2em;
	margin-bottom:1em;
}

.sit_accent h1, .sit_accent h2, .sit_accent h3 {
	color:#00aeef;
}

.sit_contact_cta {
	font-size:1.5em;
	font-weight:700;
	color:#fff;
}

.sit_contact_cta a {
	color:#fff;
}

.sit_contact_cta span {
	display:inline-block;
	margin-bottom:10px;
}

#main_contacts span {
	display:inline-block;
	font-size:2em;
	padding-bottom:1em;
}

div#main_contacts {
	padding:20px;
	border:1px solid #e1e1e1;
}

.parenthetical {
	font-style:italic;
	font-size:0.9em;
	line-height:1.2em;
}

.sit_boxed_text a {
	color:#fff;
	font-weight:700;
	display:inline-block;
}

ul#pdf_list {
	list-style:none;
	padding-left:0;
	padding-bottom:0;
}

ul#pdf_list li {
	line-height:1.2em;
	padding-bottom:1em;
}

ul#pdf_list li a:before {
	font-family:'ETModules';
	content:'\e092';
	margin-right:8px;
	display:inline-block;
}

h2#pdf_downloads:before {
	font-family:'ETModules';
	content:'\e092';
	margin-right:8px;
	display:inline-block;
}

ul#pdf_list li a:hover {
	text-decoration:underline;
}

.sit_pdf_title {
	font-weight: 400;
    line-height: 1.2em;
    display: inline-block;
	width:100%;
    text-align: center;
}

.sit_boxed_text h2 {
	color:#fff;
}

a.download_link {
	font-size:1.5em;
	text-align:center;
}

/* ------- Navigation ------ */

.nav li li {
	line-height:1.2em;
}

/* ----- Header / slider ----- */
#sa_home_title, .sa_inner_title  {
	padding:30px 0px;
}

div#sa_home_bullets {
	padding-top:30px;
	text-align:right;
}

#sa_home_bullets ul {
	list-style:none;
}

/* ----- Section spacing ------ */


/* --- Animations --- */

img#rotate_180.animated {
	/* -webkit-animation:spin 8s linear infinite;*/
	-webkit-animation-name: sevenstop;
	-webkit-animation-duration: 9s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-delay:0.2s;
    -moz-animation:sevenstop 9s linear infinite;
    animation:sevenstop 9s linear 0.2s infinite;
}

@-moz-keyframes spin { 
	25% { -moz-transform: rotate(-90deg); }
	50% { -moz-transform: rotate(0deg); }
	75% { -moz-transform: rotate(90deg);}
	100% { -moz-transform: rotate(0deg); } 
}
@-webkit-keyframes spin { 
	25% { -webkit-transform: rotate(-90deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(90deg);}
	100% { -webkit-transform: rotate(0deg); }
}
@keyframes spin { 
	20% { transform: rotate(-90deg); }
	25% { transform: rotate(-90deg); }
	45% { transform: rotate(0deg); }
	50% { transform: rotate(0deg); }
	70% { transform: rotate(90deg);}
	75% { transform: rotate(90deg);}
	95% { transform: rotate(0deg);}
	100% { transform: rotate(0deg); }
}

@-moz-keyframes fivestop { 
	0%	{ transform: rotate(0deg); }
	5.55% { transform: rotate(0deg); }
	16.66%	{ transform: rotate(-45deg); }
	22.22% { transform: rotate(-45deg); }
	33.33%	{ transform: rotate(-90deg); }
	38.88%	{ transform: rotate(-90deg); }
	50% { transform: rotate(0deg); }
	55.55% { transform: rotate(0deg); }
	66.66% { transform: rotate(45deg);}
	72.22% { transform: rotate(45deg);}
	83.33% { transform: rotate(90deg);}
	88.88% { transform: rotate(90deg);}
	100% { transform: rotate(0deg); }
}

@-webkit-keyframes fivestop { 
	0%	{ transform: rotate(0deg); }
	5.55% { transform: rotate(0deg); }
	16.66%	{ transform: rotate(-45deg); }
	22.22% { transform: rotate(-45deg); }
	33.33%	{ transform: rotate(-90deg); }
	38.88%	{ transform: rotate(-90deg); }
	50% { transform: rotate(0deg); }
	55.55% { transform: rotate(0deg); }
	66.66% { transform: rotate(45deg);}
	72.22% { transform: rotate(45deg);}
	83.33% { transform: rotate(90deg);}
	88.88% { transform: rotate(90deg);}
	100% { transform: rotate(0deg); }
}

@keyframes fivestop { 
	0%	{ transform: rotate(0deg); }
	5.55% { transform: rotate(0deg); }
	16.66%	{ transform: rotate(-45deg); }
	22.22% { transform: rotate(-45deg); }
	33.33%	{ transform: rotate(-90deg); }
	38.88%	{ transform: rotate(-90deg); }
	50% { transform: rotate(0deg); }
	55.55% { transform: rotate(0deg); }
	66.66% { transform: rotate(45deg);}
	72.22% { transform: rotate(45deg);}
	83.33% { transform: rotate(90deg);}
	88.88% { transform: rotate(90deg);}
	100% { transform: rotate(0deg); }
}

@keyframes sevenstop { 
	0%	{ transform: rotate(-90deg); }
	5.55% { transform: rotate(-90deg); }
	16.66%	{ transform: rotate(0deg); }
	22.22% { transform: rotate(0deg); }
	33.33%	{ transform: rotate(90deg); }
	38.88%	{ transform: rotate(90deg); }
	50% { transform: rotate(45deg); }
	55.55% { transform: rotate(45deg); }
	66.66% { transform: rotate(0deg);}
	72.22% { transform: rotate(0deg);}
	83.33% { transform: rotate(-45deg);}
	88.88% { transform: rotate(-45deg);}
	100% { transform: rotate(-90deg); }
}

@-webkit-keyframes sevenstop { 
	0%	{ transform: rotate(-90deg); }
	5.55% { transform: rotate(-90deg); }
	16.66%	{ transform: rotate(0deg); }
	22.22% { transform: rotate(0deg); }
	33.33%	{ transform: rotate(90deg); }
	38.88%	{ transform: rotate(90deg); }
	50% { transform: rotate(45deg); }
	55.55% { transform: rotate(45deg); }
	66.66% { transform: rotate(0deg);}
	72.22% { transform: rotate(0deg);}
	83.33% { transform: rotate(-45deg);}
	88.88% { transform: rotate(-45deg);}
	100% { transform: rotate(-90deg); }
}

@-moz-keyframes sevenstop { 
	0%	{ transform: rotate(-90deg); }
	5.55% { transform: rotate(-90deg); }
	16.66%	{ transform: rotate(0deg); }
	22.22% { transform: rotate(0deg); }
	33.33%	{ transform: rotate(90deg); }
	38.88%	{ transform: rotate(90deg); }
	50% { transform: rotate(45deg); }
	55.55% { transform: rotate(45deg); }
	66.66% { transform: rotate(0deg);}
	72.22% { transform: rotate(0deg);}
	83.33% { transform: rotate(-45deg);}
	88.88% { transform: rotate(-45deg);}
	100% { transform: rotate(-90deg); }
}

/* ------- Main Content ------ */



.shadow img {
box-shadow: 5px 5px 3px #999999;
}

.sit_boxed_text {
	padding:30px;
	background-color:#00aeef;
	color:#fff;
	border-radius:10px;
	margin-bottom:30px;
}

.sit_pdf_icon {
	width:30%;
	display:inline-block;
	margin-right:5%;
	margin-bottom:30px;
}

.sit_pdf_icon:last-of-type {
	margin-right:0;
}

.sit_text_box .et_pb_column {
	padding:20px;
	background-color:#fff;
	box-shadow:5px 5px 3px #ddd;
}

.sit_video iframe {
	box-shadow:5px 5px 3px #ddd;
}

.sit_text_box .et_pb_column.no_bg {
	background-color:transparent;
	box-shadow:none;
}

.sit_text_box.rev .et_pb_column {
	background-color:#f1f1f1;
}

.sit_text_box.rev .et_pb_column.empty_col {
	background-color:#fff;
	box-shadow:none;
}

.et_pb_column.et_pb_column_empty {
	background-color:transparent!important;
	box-shadow:none;
}

.sit_text_box.img_margin img {
	margin-top:20px;
}

table#sit_prod_grid {
	background-color:#fff;
}

table#sit_prod_grid td {
	width:48%;
	text-align:center;
	padding:10px !important;
	border:none;
}

table#sit_prod_grid {
		margin:30px 0;
	}
/*
#sit_home_prod_selector img {
	padding:20px;
}
*/


#sit_home_prod_selector .et_pb_column {
	padding:10px;
	border:1px solid #e1e1e1;
	box-shadow: 5px 5px 3px #f8f8f8;
}

#accred_logos table, #accred_logos table tr, #accred_logos table td {
	border:none;
}

#emove_intro.stand .shift_up {
	top:-80px;
}

/*#stand_image img {
	transform:scale(1.15);
}*/

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

form#sa_contact {
	padding:20px;
	border:1px solid #e1e1e1;
	background-color:#f1f1f1;
}

form#sa_contact input[type="text"], form#sa_contact textarea, form#sa_contact input[type="email"] {
	width:100%;
	padding:5px 10px;
	font-family:inherit;
}

form#sa_contact span.wpcf7-list-item {
	margin-left:0;
}

form#sa_contact input[type="submit"] {
	display:inline-block;
	background-color:#00aeef;
	color:#fff;
	padding:8px 20px;
	text-align:center;
	transition:all 0.8s;
	border:none;
	margin-top:20px;
	min-width:200px;
	border-radius:4px;
}

form#sa_contact input[type="submit"]:hover {
	cursor:pointer;
	background-color:#00a105;
}

body.page-id-484 .grecaptcha-badge {
	visibility:visible;
	z-index:10;
}

/* --- Compact Cookie Notification, for use with GDPR Cookie Consent --- */

a#cookie_action_close_header {
	display:block;
	width: 100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
}

#cookie-law-info-bar span {
	display:inline-block;
	line-height:1.5em;
	
}
a#CONSTANT_OPEN_URL {
	font-style:italic;
	font-size:0.9em;
}


/* ---- the following only on larger screens --- */

@media only screen
and (min-width : 980px ) {

div#cookie-law-info-bar {
	width:20%;
	padding:20px;
	background-color:#0065b1;
	color:#fff;
}
	
	#sa_home_title {
		padding:30px 0 30px 20px;
	}
}

/* ----- Mailchimp ---- */

#mc_embed_signup {
	background-color:#f1f1f1 !important;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

#mc_embed_signup form {
	padding:20px !important;
}

#mc_embed_signup h2 {
	color:#00aeef;
}

#mc_embed_signup .button {
	background-color:#00aeef !important;
	color:#fff;
	transition:all 0.8s;
	min-width:200px;
}

#mc_embed_signup .button:hover {
	background-color:#00a105 !important;
}

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

#footer-info {
font-size: 0.8em;
}

/* ------- Responsive ------- */

/* ---- Responsive design ---- */

/* ---- Widescreens, anything above 1400px --- */

@media only screen
and (min-width : 1400px ) {
	
}

/* --- Custom Media Query for aligning Features images when title text breaks across lines --- */
@media only screen
	and (min-width : 980px )
	and (max-width : 1345px ) {
		
		.img_extra_pad img {
			padding-top:1em;
		}
		
		#top-menu li {
			padding-right:10px;
		}
}

/* ---- Everything WITHOUT the mobile menu, i.e. over 980px --- */

@media only screen
and (min-width : 980px ) {
	
	#main-content {
	min-height:calc( 100vh - 146px);
}
	
	.shift_up {
		position:relative;
		top:-100px;
	}
	
	#estand_features {
		margin-top:-100px;
	}
	
	#estand_package ul {
		margin-top:30px;
	}
	
}

/* ---- Smallish screens, but using the desktop view --- */

@media only screen
and (min-width : 980px )
and (max-width : 1300px ) {
	
}

/* ---- Everything WITH the mobile menu, i.e. below 980px ---- */

@media only screen
and (max-width : 979px ) {
	
	.slick_slick, .slick_fast_emove, .slick_fast_stand {
		 pointer-events: none; 
	}
	
}





/* ---- 768 to 989   */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 989px)  {



}

/* ------------- iPads  (both orientations) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
/*and (orientation : portrait)*/ {



}

/* -------------- iPads (landscape only) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {



}

/* --------------  iPads (portrait only) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {



}


/* -----------   Smartphones (both orientations) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 767px) {
	
	h1.bighead {
	font-size:2.0em;
}

	#sa_home_title h1 {
		font-size:2em;
		line-height:1em;
		text-align:left;
	}
	
	#sa_home_title .title_subhead {
		text-align:left !important;
		line-height:1.2em;
	}
	
	div#sa_home_bullets {
		text-align:left;
	}
	
	div#sa_home_bullets ul {
		list-style:disc;
	}
	
	#sa_home_title p {
		text-align:left;
	}
	
	.sa_inner_title h1 {
	font-size:2.0em;
	text-align:left;
	line-height:1.2em;
}

#sa_home_title p {
	font-size:1.5em;
	text-align:left;
}

.sa_inner_title p {
	text-align:left;
}
	
	
	.sit_contact_cta {
	font-size:1.3em;
}
	
	#main_contacts span {
		font-size:1.4em;
	}
	
	#main_contacts span.email {
		font-size:1.2em;
	}
	
	.sit_pdf_icon {
		width:100%;
		margin-right:0;
	}

}