/*
 Theme Name:   KETS child theme
 Theme URI:    https://kets-quantum.com
 Description:  Child theme of Cryptcio created especially for KETS
 Author:       Hannah Smith
 Author URI:   https://opcan.co.uk
 Template:     cryptcio
 Version:      1.0.9
 Text Domain:  kets
*/


/* 2. NAVIGATION               */
/* 2B. MOBILE NAV              */
/* 3. GENERAL COMPONENTS       */

/* 5. FOOTER                   */
/* 6. WIDGETS                  */

/* 8. CONTACT FORMS            */
/* 9. MAILCHIMP FORMS          */

/* 10. CUSTOM CLASSES          */
/* 10A. FORCE FULL-WIDTH       */
/* 10B. PULL BLOCK UP          */
/* 10C. FONT WEIGHT NORMAL     */
/* 10D. WHITE PLACEHOLDER TEXT */

/* 11. VC COMPONENTS           */

/* 15. BLOG ARCHIVE            */
/* 15A. SINGLE POST            */
/* 16. TEAM PAGE               */

/* 17. PROJECTS                */

/* 20. RESOURCES               */
/* 21. TERMS TABLE             */



/* 2. NAVIGATION */
/* Change rollover colours on main menu */
.header-container .mega-menu li a:focus, 
.header-container .mega-menu li a:hover,
.search-block-top > .btn-search:hover {
	color: #9DBCD4 !important;
}
/* Current menu item*/
.header-container .mega-menu li .sub-menu li.current-menu-item > a,
.header-container .mega-menu > li.menu-item.current-menu-item > a, 
.header-container .mega-menu > li.menu-item.current-menu-parent > a {
	color: #C12034 !important
}



/* Top border of sub menus*/
.header-container .mega-menu > li.menu-item > .sub-menu,
.search-block-top .top-search .woosearch-input-box {
	border-top-color: #C12034;
}

/* Scroll to top icon */
.scroll-to-top {
    background: #9DBCD4 none repeat scroll 0 0;
}

/* 2B. MOBILE NAV   */
/* Mobile menu icon hover */
[class*="header-"] .open-menu-mobile:hover {
	color: #C12034;
}

.close-menu, 
.close-menu-mobile {
		color: #C12034;
	border: 1px solid #C12034;
}

/* 3. GENERAL COMPONENTS */
.btn.btn-primary {
	background-color: #C12034;
	color: white;
}



/* 5. FOOTER     */
/* Make footer text links black */
.footer-v2 .widget_nav_menu ul li a,
.footer-social li a .fa,
.footer .textwidget a{
	color: black;
}
/* Make footer text hover blue */
.footer-v2 .widget_nav_menu ul li a:hover,
.footer-social li a:hover .fa{
	color: #9DBCD4;
}

.footer-v2 .widget_nav_menu ul li {
	margin-bottom: 0;
	line-height: 24px;
}

.footer-v2 .widget_nav_menu ul li a {
	color: black;
	font-family: Poppins;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
}

.footer-v2 .widget_nav_menu ul li a:hover,
.footer-v2 .widget_nav_menu ul li a:focus {
	/* color: black; */
	color: #9DBCD4;
}

/* 6. WIDGETS            */
.widget_archive li:hover > a,
.widget_categories li:hover > a,
.widget_meta li:hover > a, 
.widget_pages li:hover > a,
.widget_product_categories li:hover > a,
.widget_archive li a::before,
.widget_categories li a::before, 
.widget_meta li a::before, 
.widget_pages li a::before, .widget_product_categories li a::before{
	color: #C12034;
}



/* 8. CONTACT FORMS */
.contact-form label {
	color: #C12034;
}
.contact-form input[type="email"]:hover, 
.contact-form input[type="tel"]:hover, 
.contact-form input[type="text"]:hover, .contact-form textarea:hover {
	border-color: #C12034 !important;
}
input, textarea {
	color: white;
}
.nf-before-form-content {
	color: white;
	padding-bottom: 20px;
}
.ninja-forms-field {
	background-color: transparent;
	border-bottom: 1px solid white;
	padding-left: 0;
	padding-right: 0;
}
.ninja-forms-field:hover {
	border-color: #C12034 !important;
}
.nf-field .submit-wrap {
	text-align: center;
}
.field-wrap input[type="button"], 
.field-wrap input[type="submit"] {
	background-color: #C12034;
	border: 0;
  color: #fff;
	padding: 10px 55px;
	margin-left: 21px;
	font-weight: 700;
	width: 163px;
	text-transform: uppercase;
}
.field-wrap input[type="button"]:hover, 
.field-wrap input[type="submit"]:hover {
	background-color: #13264a;
}


/* 9. MAILCHIMP FORMS    */
.footer-v2 .mc4wp-form-fields .form-mail input[type="email"] {
	border: 2px solid #F5F5F5;
}
/* Submit buttons */
.footer-v2 .mc4wp-form-fields .form-mail p.submit {
	background-color: #C12034;
}
/* Send icon */
.footer-v2 .mc4wp-form-fields .form-mail p.submit::before {
		color: white;
}


/* 10. CUSTOM CLASSES    */

/* 10A. FORCE FULL-WIDTH   */
/* Allow arrowpress-container to be full width */
.force-fullwidth .arrowpress-container.container .container,
.force-fullwidth .arrowpress-container {
	width: 100%;
}

@media (min-width:767px) {
	.force-fullwidth .arrowpress-container.container .container .wpb_column {
		height: 100%;
	}
	
	.force-fullwidth .arrowpress-container.container .container .wpb_column .vc_column-inner {
		display: flex;
		height: 100%;
	}
	
	.force-fullwidth .arrowpress-container.container .container .wpb_column:nth-child(1) .vc_column-inner {
		justify-content: flex-end;
	}
	
		.force-fullwidth .arrowpress-container.container .container .wpb_column:nth-child(2) .vc_column-inner {
		justify-content: flex-start;
	}
	
	.force-fullwidth .arrowpress-container.container .container .wpb_wrapper {
		max-width: 383px;
	}
	
	.force-fullwidth .arrowpress-container.container .container .vc_column-inner > .wpb_wrapper:nth-child(1) {
		padding: 0 15px;
	}

	.force-fullwidth .arrowpress-container.container .container .vc_column-inner > .wpb_wrapper:nth-child(2) {
		padding: 0 15px;
	}
}

@media (min-width:970px) {
	.force-fullwidth .arrowpress-container.container .container .wpb_wrapper {
		max-width: 485px;
	}
	
	.force-fullwidth .arrowpress-container.container .container .vc_column-inner > .wpb_wrapper:nth-child(1) {
		padding: 0 15px 0 30px;
	}

	.force-fullwidth .arrowpress-container.container .container .vc_column-inner > .wpb_wrapper:nth-child(2) {
		padding: 0 30px 0 15px;
	}
}

@media (min-width:1200px) {
	.force-fullwidth .arrowpress-container.container .container .wpb_wrapper {
		max-width: 585px;
	}
}

/* 10B. PULL BLOCK UP    */
.pull-block-up {
	margin-top: -50px;
}
@media (min-width:500px) {
	.pull-block-up {
		margin-top: -70px;
	}
}
@media (min-width:767px) {
	.pull-block-up {
		margin-top: -100px;
	}
}

/* 10C. FONT WEIGHT NORMAL */
.font-weight-normal {
	font-weight: 300;
}


/* 11. VC COMPONENTS     */

/* Accordion headers background */
.wpb-js-composer .vc_general.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
.wpb-js-composer .vc_general.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover{
		background-color: #C12034;
}
/* Accordion headers title*/
.wpb-js-composer .vc_general.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a,
.wpb-js-composer .vc_general.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover a
{
	color: white;
}

/* 10D. WHITE PLACEHOLDER TEXT    */
.white-placeholder-text ::placeholder {
	  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 1; /* Firefox */
}

.white-placeholder-text :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

.white-placeholder-text ::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}



/* 15. BLOG ARCHIVE      */

/* Hide excerpt and read more button */
.blog-grid .blog_post_desc,
.blog-grid .blog-post-info .read-more {
	display: none;
}

/* Blog archive layout block (eg on homepage), change rollover to light blue */
.blog-packery .blog-img::before {
	background: #9DBCD4;
}
/* Blog archive bits where the colour needs to change from (probably) yellow to red */
.blog-packery .blog-item:hover .post-name a,
.widget_post_blog .blog-post-info .blog-time a,
.widget_post_blog ul li.blog-item:hover .blog-post-info .post-name a,
.blog-item .read-more a {
	color: #C12034;
}

/* BLog archive bits where the background colour needs to change from (probably) yellow to red */
.blog-packery.blog-packery-2 .blog-item .blog-post-info .info.info-category,
.widget_post_blog .blog-img::before{
	background-color: #C12034;
}

/*Jake's blog archive hack to get rid of dates & authors*/
.blog-packery.blog-packery-2 .blog-item .blog-post-info .info{
	display: none;
}
.blog-packery.blog-packery-2 .blog-item .blog-post-info .info.info-category{
	display: initial;
}

/* Pagination */
.page-numbers li .page-numbers {
	font-family: Poppins;
	font-weight: bold;
}

.page-numbers li .page-numbers.current,
.page-numbers li .page-numbers:hover {
	border-color: #C12034;
	background-color: #C12034;
}

.sticky_post {
	background-color: #C12034;
}


/* 15A. SINGLE POST      */

.single-post .breadcrumb li:nth-of-type(4) {
	display: none;
}

/* Shuffle the sidebar to the bottom of a post on mobile. */
@media (max-width:991px) {
	.kets-custom-post-layout {
		display: flex;
		flex-direction: column;
	}
	.kets-custom-post-layout .left-sidebar {
		order: 2;
	}
	.kets-custom-post-layout .main-sidebar {
		order: 1;
	}
}

.post-single .blog_post_desc a {
	color: #C12034;
}


/* 16. TEAM PAGE         */
/* Change team member hover colour to red */
.member-img a:hover, .member-img a:focus {
	color: #C12034;
}

@media only screen and (max-width:768px) {
#pre-loader {
  display:none!important;
}
}

/* 17. PROJECTS                */
.project-single .service-img {
	display: none;
}



/* 20. RESOURCES               */


/* 21. TERMS TABLE             */

.terms-table-container {
	margin: 2rem 0;
}

@media only screen and (min-width:768px) {
	.terms-table-container {
		position: relative;
		width: 100vw;
		max-width: 720px;
		margin-left: calc( ( 720px - 772px ) / 2 );
		margin-right: calc( ( 720px - 772px ) / 2 );
		left: 0;
	}
}
@media only screen and (min-width:992px) {
	.terms-table-container {
		position: relative;
		width: 100vw;
		max-width: 940px;
		margin-left: calc( ( 772px - 940px ) / 2 );
		margin-right: calc( ( 772px - 940px ) / 2 );
		left: 0;
	}
}
@media only screen and (min-width:1200px) {
	.terms-table-container {
		position: relative;
		width: 100vw;
		max-width: 1140px;
		margin-left: calc( ( 772px - 1140px ) / 2 );
		margin-right: calc( ( 772px - 1140px ) / 2 );
		left: 0;
	}
}
@media only screen and (max-width:767.9px) {
	.feature__header {
		display: none;
	}
}
.feature__header {
	border-bottom: 1px solid #ededed;
	font-weight: bold;
}

/* First visible row on mobile */
.terms-table-container > *:nth-child(2) {
	border-top: 1px solid #ededed;
	padding-top: 1rem;
}
.feature__row {
	border-bottom: 1px solid #ededed;
	padding-bottom: 1rem;
}
.feature__row > * {
	padding: 1.5rem 0;
}
@media only screen and (min-width:768px) { 
	.feature__row > * {
		padding: 1.5rem; 
	}
}
.feature__row > *:first-child {
	font-weight: bold;
}
@media only screen and (max-width:767.9px) { 
	.feature__title {
		font-size: 1.2em;
	}
}
.feature__reveal {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	color: #C12034;
	margin-top: 1rem;
}
.feature__reveal::after {
	content: 'Reveal more';
	display: block;
	height: 1rem;
	width: 100%;
}
.feature__reveal.is-active::after {
	content: 'Hide';
}
.feature__mobile-label {
	font-weight: bold;
}
@media only screen and (min-width:768px) { 
	.feature__mobile-label {
		display: none;
	}
}

.feature__description > *:first-child {
	font-weight: normal;
}
.feature__description.is-hidden {
	display: none;
}

@media only screen and (min-width:768px) {
	.feature__row {
		display: flex;
		align-items: center;
	}
	.feature__row > * {
		width: 25%;
		padding: 2rem;
	}
	.feature__description--text {
		width: 100%;
	}
}

/* Video Home Page - custom ACF field (see fixed-footer.php) */
body.video-home-page .wrapper {
	min-height: auto;
}

body.video-home-page .footer {
	margin-top: 0;
}

body.video-home-page .footer p {
	font-size: 16px;
}

body.video-home-page .fixed-header header.site-header.is-sticky .header-social ul li a {
	color: black;
}

body.video-home-page .footer .footer-logo {
	padding-top: 20px;
}

body.video-home-page .footer .footer-title {
	padding-top: 33px;
	padding-bottom: 33px;
	line-height: 1.6;
}

body.video-home-page .footer-v2 .footer_info {
	padding-right: 20px;
}


body.video-home-page .footer-v2 .footer-top {
	padding-top: 0;
	padding-bottom: 20px;
}

body.video-home-page .footer-fixed .footer {
	z-index: 1;
}

body.video-home-page .footer-fixed .footer .copyright-content {
	padding-top: 40px;
	text-align: left;
	padding-bottom: 40px;
}

body.video-home-page .footer-fixed .footer .copyright-content p {
	color: black;
}
body.video-home-page .header-social {
	display: none;
}

/* Dark footer */
body.video-home-page .footer-v2.footer--dark {
	background-color: #1C3443;
	color: white;
}

body.video-home-page .footer-v2.footer--dark .widget_nav_menu ul li a,
body.video-home-page .footer-v2.footer--dark .copyright-content p {
	color: white;
}

body.video-home-page .footer-v2 .widget_nav_menu ul li a:hover,
body.video-home-page .footer-v2 .widget_nav_menu ul li a:focus {
	color: #9DBCD4;
}

/* Wrap the iFrame element to avoid large spacing above and below */
.iframe-wrapper {
	padding: 0;
	width: 100%;
	height: 14em;
	position: relative;
	margin: 2em 0;
}

.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Turn off fixed footer on mobile */
@media only screen and (max-width:758px) {
	body.video-home-page .footer-fixed .footer {
		position: relative;
	}
}

/* Turn off fixed footer on mobile - landscape */
@media (max-height: 600px) {
	body.video-home-page .footer-fixed .footer {
		position: relative;
	}
}

@media only screen and (min-width:400px) {
	body.video-home-page .header-right-social-icons {
		display: inline-flex;
	}
	
	
	body.video-home-page .header-social {
		display: inline-flex;
		align-items: center;
	}

	/* Make the icons dark */
	body.video-home-page .header-social ul li a {
		color: #282828;
		font-size: 18px;
		line-height: 1.7;
	}
	body.video-home-page .header-social ul li a i.fa-linkedin{
		display: flex;
		align-items: center;
		margin-top: -1px;
		line-height: 1.7;
	}
}

@media only screen and (min-width:440px) {
	.iframe-wrapper {
		height: 18em;
	}
}

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

	body.video-home-page .header-social {
		display: inline-flex;
	}
	
	body.video-home-page .header-social ul li a {
		color: white;
		font-size: 17px;
	}

	body.video-home-page .footer-fixed .footer .copyright-content {
		display: flex;
		justify-content: flex-end;
		padding-top: 92px;
		padding-bottom: 20px;
	}

	/* Iframe height fix */
	.iframe-wrapper {
		height: 25em;
	}
}
@media only screen and (min-width:992px) {
	body.video-home-page .footer-fixed .footer .footer-menu-list > div {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Social icons in the header */
body.video-home-page .header-social ul {
	display: inline-flex;
	padding-left: 40px;
}

body.video-home-page .header-social ul li {
	padding: 0 8px;
}

/* New work test */
body.video-home-page .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

body.video-home-page .wpb_wrapper video {
	width: 100vw;
}

body.video-home-page .content-primary {
	background: #1c3443;
}

@media only screen and (max-width:991px) {
	body.video-home-page .footer-fixed #main {
		padding-bottom: 0;
	}
}

@media only screen and (min-width:768px) {
	body.video-home-page .content-primary {
		height: 100vh;
	}
}

@media only screen and (min-width:992px) {
	body.video-home-page .vc_column_container > .vc_column-inner {
		height: 100vh;
	}
}