/*-------------------------------------------------------
Theme Name: ChrisDProjects
Theme URI: https://divicake.com/
Description: Bespoke twist for ChrisDProjects
Author: ChrisDProjects
Author URI: https://chrisdprojects.co.uk/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
/* Custom Color - #000D27 */
/* Change background-color:#fff; to #000d27; /public_html/wp-content/plugins/wordfence/modules/login-security/css/login.1587658822.css */
.custom_blog .et_pb_post {
min-height: 500px;
max-height: 500px;
}
.et_pb_contact_form_0.et_pb_contact_form_container .input {
    color: white !important;
}
.et_pb_contact_form_1.et_pb_contact_form_container .input {
    color: white !important;
}

.et-pb-contact-message {
	font-size: 30px;
	color: #ffffff !important;
	font-weight: bold;
	font-family: verdana;
	text-align: center;
}

#main-header #top-menu a.ds-menu-active,
.et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
    color: #00def7 !important;
}

img.full_menu_logo {
float: left!important;
width: 200px;
padding: 20px;
}

.et_pb_fullwidth_menu .et_mobile_nav_menu {
float: right !important;
}
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
    float: right;
    margin-right: 0;
    margin-left: 6%;
    text-align: right;
}


/**MOBILE ONLY HEADER**/
/*
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
*/

/**Gallery views across devices**/
/** Desktop **/
@media (min-width: 981px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*six columns*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*four columns*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 33.33% !important; /*three columns*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 100% !important; /*two columns*/
clear: none !important;
}
}

/**Change Post Comment Section**/
.single-post .et_pb_post {
    background: #000d27!important;
    color: #000d27;
}
.single-post #reply-title{
    color: #fff;
}
.comment-form-cookies-consent { 
   color: #fff;
}

.single #left-area {
    padding-bottom: 0px;
}

.single-post .et_pb_post {
    margin-bottom: 0px;
}

.et_pb_post_title .entry-title {
    padding-top: 20px;
}
}

/**#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea {
    background: #000;
}**/



/*-------------------------------------------------*/
/*---------Header with changing words left---------*/
/*-------------------------------------------------*/

.rw-wrapper{
	width: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 10px;
	overflow: hidden;
}
.rw-sentence{
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	text-shadow: 0 0 0 rgba(0,0,0,0.0001);
}
.rw-sentence span{
	color: #000;
	white-space: normal;
}
.rw-sentence > span:first-child{
	display: block;
	font-size: 100%;
}
.rw-words{
	width: 100%;
	height: 100px;
	-webkit-perspective: 800px;
	perspective: 800px;
}
.rw-words span{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	white-space: normal;
	overflow: hidden;
}
.rw-words-1 span{
	font-size: 100%;

	color: #fff;	
	-webkit-animation: rotateWordsFirst 18s linear infinite 0s;
	-ms-animation: rotateWordsFirst 18s linear infinite 0s;
	animation: rotateWordsFirst 18s linear infinite 0s;
}
.rw-words-2 span{
	font-size: 120%;
	font-style: italic;
	line-height: 90%;
	-webkit-animation: rotateWordsSecond 18s ease-in infinite 0s;
	-ms-animation: rotateWordsSecond 18s ease-in infinite 0s;
	animation: rotateWordsSecond 18s ease-in infinite 0s;
}
.rw-words span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
}
.rw-words span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
}
.rw-words span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
}
.rw-words span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
}
.rw-words span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
}
@-webkit-keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsFirst {
    0% { opacity: 0; -ms-animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -ms-animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; width: 0px;}
    5% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; width: 100%;}
    17% { opacity: 1; }
    20% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWordsSecond {
    0% { opacity: 0; -ms-transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -ms-transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
    0% { opacity: 0; -webkit-transform: translateZ(600px) translateX(200px); transform: translateZ(600px) translateX(200px);}
    8% { opacity: 1; -webkit-transform: translateZ(0px) translateX(0px); transform: translateZ(0px) translateX(0px);}
    17% { opacity: 1; }
    25% { opacity: 0; }
    100% { opacity: 0; }
}
@media screen and (max-width: 1023px){
	.rw-words{ height: 75px; }
	.rw-words-1 span{ font-size: 100%;}
	.rw-words-2 span { font-size: 100%; }
}
@media screen and (max-width: 560px){
	.rw-words{ height: 50px; }
	.rw-words-1 span{ font-size: 180%;}
	.rw-words-2 span { font-size: 90%; }
	.rw-sentence > span:first-child{ font-size: 80%;}
}
@media screen and (max-width: 400px){
	.rw-words-1 span{ font-size: 100%;}
	.rw-words-2 span { font-size: 100%; }
	.rw-sentence > span:first-child{ font-size: 60%;}
}

/*-------------------------------------------------*/
/*---------END Header with changing words left-----*/
/*-------------------------------------------------*/
.grecaptcha-badge{
	visibility: collapse !important;  
}
/*---WooCom Changes--*/
#content-area table td, #content-area table th, #content-area table tr, #main-content table.cart td, #main-content table.cart th, #main-content table.cart tr, table.cart td, table.cart th, table.cart tr {
    color: white !important;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
     color: white !important;
}
.woocommerce table.shop_table th {
     color: white !important;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    BACKGROUND-COLOR: #000D27 !important;
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    background-color: #000d27 !important;
}
#et-secondary-menu {
    display: block!important;
}
@media screen and (max-width: 767px) {
    #et-secondary-menu {
        margin-bottom: 16px;
    }
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls {
    background-color: #000d27 !important;
}
.et-db #et-boc .et-l .et_pb_wc_breadcrumb_2 .woocommerce-breadcrumb {
    color: white !important;
}
h1, h2, h3, h4, h5, h6 {
    padding-bottom: 10px;
    color: #FFFFF !important;
    font-weight: 500;
    line-height: 1em;
}

.woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button, .woocommerce-page input.button.alt {
    font-size: 14px !important;
	}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	padding: 3px !important;
    font-size: 14px!important;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    padding: 5px !important;
    margin-top: 20px !important;
    margin-left: 2px !important;
    margin-right: 2px !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin-left: -30px !important;
    margin-right: -30px !important;

}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    color: white !important;
    opacity: 1 !important;
    }
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    color: white !important;
	}
.woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button, .woocommerce-page input.button.alt {
    color: white !important;
}
.woocommerce-message a.button.wc-forward {
    color: #2ea3f2 !important;
}
@media screen and (max-width: 767px) {
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    width: 100% !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
}
}

 
}
h3#reply-title {
    color: white !important;
}

html {
    background: #000d27;
}

.betterdocs-single-wraper .betterdocs-content-area {
    background-color: #000d27 !important;
}
.betterdocs-single-wraper {
    background-color: #000d27 !important;
}
.cn-button.bootstrap {
    color: #fff;
    background: #0062f7 !important;
}
iv#wpsc_popup_body {
    margin-top: 200px !important;
}/* Below is for EWP */
.shortcode-success-message {
    color: white !important;
}
h4.widgettitle {
    color: white !important;
}
.et_pb_widget a {
    color: #0062f7 !important;
}