:root {
--container-width: 800px;
--container-width-wide: 1200px;
--font-family: 'Muli', sans-serif;
--content-font-family: 'Lora', serif;
--theme-color: #ff3d4f;
--color-night-dark: #323648;
--color-dark-light: #555;
--color-white: #fff;
--font-size: 16px;
--font-size-sm: 14px;
--font-size-md: 18px;
--font-weight-bold: 600;
--color-primary: #d90a2c; }
:root {
--dark-color: #11204d;
--grey-bg-color: #494949;
--darkgrey-bg-color: #282828;
--bg-color: #1A1A1A;
--dark-bg-color: #131313;
--txt-color: #CACACA;
--link-txt-color: #ffffff;
--meta-txt-color: #8B8B8B;
--border-color: #303030;
--background-color: #1a1a1a;
}button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
border-color: #ccc #bbb #aaa;
}
button:focus,
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus{
background-color: var(--dark-color);
cursor: pointer;
}
.main-navigation ul ul li:focus-within > ul{
display: block;
left: auto;
}
.main-navigation ul li:focus-within > ul{
left: auto;
}
.main-navigation .sub-menu li.menu-item-has-children:focus-within .sub-menu{
left: 257px;
}
.main-navigation li a:focus:after{
width: 30px
}
.header-cta-wrapp a:focus,
.cww-main-banner .btn-primary a:focus,
.cww-cta-section .btn-wrapper a:focus,
.error-404 .button-wrapp a:focus{
color: #FFF;
}
.header-cta-wrapp a:focus:before,
.cww-main-banner .btn-primary a:focus:before,
.cww-cta-section .btn-wrapper a:focus:before,
.error-404 .button-wrapp a:focus:before {
width: 100%;
}
section.cww-main-banner .social-icon-wrapp a:focus{
background: #333;
color: #FFF;
}
.cww-service-section .service-wrapper-outer .service-inner-wrapp:focus .counter {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
top: 30px;
right: 30px;
}
.cww-service-section .service-wrapper-outer .service-inner-wrapp:focus:before {
border-radius: 12px;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
.cww-portfolio-section figure a:focus img {
-webkit-transform: scale(1.05) rotate(-.5deg);
-moz-transform: scale(1.05) rotate(-.5deg);
-ms-transform: scale(1.05) rotate(-.5deg);
-o-transform: scale(1.05) rotate(-.5deg);
transform: scale(1.05) rotate(-.5deg);
}
.read-more-link a:focus:before{
width: 100%;
}
.cww-blog-section .img-wrapp a.post-thumbnail:focus img {
-webkit-transform: scale(1.05) rotate(-.5deg);
-moz-transform: scale(1.05) rotate(-.5deg);
-ms-transform: scale(1.05) rotate(-.5deg);
-o-transform: scale(1.05) rotate(-.5deg);
transform: scale(1.05) rotate(-.5deg);
}body {
background-color: #000;
color: #cdcdcd;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--theme-color) #333;
}
body.home header.site-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 99;
}
header.site-header {
background-color: transparent;
padding: 40px 0 20px;
}
body.admin-bar header.site-header {
padding-top: 65px;
}
.header-cta-wrapp a {
padding: 9px 30px;
border-radius: 50px;
overflow: hidden;
}
header .header-cta-wrapp a:hover::before {
border-radius: 50px;
background: #361b69;
}
header .header-cta-wrapp a:before {
background: #361b69;
}
.max-left-header.cww-flex {
gap: 50px;
width: 27%;
}
header .menu-wrapp {
width: 70%;
}
.main-navigation .children a {
color: #333;
}
.main-navigation .sub-menu li a {
color: #333;
}
.max-left-header .site-email a {
color: #fff;
font-size: 16px;
font-weight: 500;
}
.main-navigation a,
.site-branding a,
.entry-meta a,
a:visited,
body div a {
color: #fff;
}
.entry-title a,
header.entry-header h1.entry-title,
.related-content-wrapper h3.post-title {
color: #fff !important;
}
.entry-content p,
.nav-links a {
color: #cdcdcd !important;
}
aside.widget-area .widget {
background: #272733;
}
.inner-blog-wrapp .sticky {
background: #272733;
}
@media only screen and (max-width: 768px) {
.site-header .cww-menu-outer-wrapp.cww-flex {
background: #151329 !important;
}
header .menu-wrapp,
.max-left-header.cww-flex {
width: auto;
}
header.site-header.is-opened .cww-menu-outer-wrapp {
margin-top: 20px;
}
}
.cww-ssf-outer-wrapp.modal .cww-sff-wrapp {
color: #333;
}
.cww-ssf-outer-wrapp.modal .cww-sff-wrapp a {
color: var(--theme-color);
}
body.home.blog header.site-header {
position: relative;
}