body { 
color: rgba(255,255,255,0.69); 
background: #000000; 
}
.text-dark { 
color: rgba(0,0,0,0.61); 
} h1, h2, h3, h4, h5, h6 { 
color: #fff; 
}
.text-dark h1:not(.colored), .text-dark h2:not(.colored), .text-dark h3:not(.colored), .text-dark h4:not(.colored), .text-dark h5:not(.colored), .text-dark h6:not(.colored), h1.text-dark:not(.colored), h2.text-dark:not(.colored), h3.text-dark:not(.colored), h4.text-dark:not(.colored), h5.text-dark:not(.colored), h6.text-dark:not(.colored) {
color: #000; 
}
.title-alt { 
color: rgba(255,255,255,0.48); 
}	
.text-dark .title-alt,
.title-alt.text-dark  { 
color: rgba(0,0,0,0.31); 
} input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="search"], 
textarea {
border-color: rgba(255,255,255,0.28);
color: #fff;
}
.text-dark:not(.transparent) input[type="text"], 
.text-dark:not(.transparent) input[type="password"], 
.text-dark:not(.transparent) input[type="email"], 
.text-dark:not(.transparent) input[type="number"], 
.text-dark:not(.transparent) input[type="tel"], 
.text-dark:not(.transparent) input[type="date"], 
.text-dark:not(.transparent) input[type="search"], 
.text-dark:not(.transparent) textarea { 
color: #000; 
border-color: rgba(0,0,0,0.11); 
}
input[type="submit"], 
.button, 
button {
background: #fff;
color: #000;
}
.text-dark input[type="submit"], 
.text-dark .button, 
.text-dark button { 
background: #000; 
color: #fff; 
}
input[type="submit"]:hover, 
.button:hover, 
button:not(.sr-button):hover { 
background: rgba(255,255,255,0.69); color: #000;  
}
.text-dark input[type="submit"]:hover, 
.text-dark .button:hover, 
.text-dark button:hover { 
background: rgba(0,0,0,0.61); 
color: #fff;  
}
label, 
.label {
color: rgba(255,255,255,0.48);
}
.text-dark label, 
.text-dark .label { 
color: rgba(0,0,0,0.31); 
}
label abbr { 
color: rgba(255,255,255,0.48);
}
.text-dark abbr { color: rgba(0,0,0,0.31); }
select {
color: #fff;
border-color: rgba(255,255,255,0.28); 
background-image:url(//www.offsidesproductions.org/wp-content/themes/vavo/files/assets/select-arrow-light.png);
}
.text-dark select { 
color: #000;
border-color: rgba(0,0,0,0.11); 
background-image:url(//www.offsidesproductions.org/wp-content/themes/vavo/files/assets/select-arrow.png); 
} table th {
color: #fff;
}
.text-dark table th {
color: #000;
}
table thead th {
color: rgba(255,255,255,0.48);
}
text-dark table thead th {
color: rgba(0,0,0,0.31);
}
table td, 
table th { 
border-color: rgba(255,255,255,0.28);
}
.text-dark table td,
.text-dark table th { 
border-color: rgba(0,0,0,0.11);
} a {
color: #fff;
}
a:hover { 
color: rgba(255,255,255,0.48); 
}
.text-dark a, 
a.text-dark, 
.text-dark a.text-dark  { 
color: #000; 
}
.text-dark a:hover, 
a.text-dark:hover, 
.text-dark a.text-dark:hover  { 
color: rgba(0,0,0,0.31); 
}
p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link),
.blog-content ul li a, table a {
border-color: #fff;
color: #fff;
}
p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link):hover,
.blog-content ul li a:hover { 
color: rgba(255,255,255,0.48); 
}
.text-dark p a:not(.entry-navigation__item):not(.post-edit-link):not(.fancybox):not(.button):not(.image-text-link) { 
border-color: #000; 
color: #000; 
} ul.biglist li, 
ol.biglist li, 
ul.nolist li, 
ol.nolist li {
color: #fff;
}
.text-dark ul.biglist li, 
.text-dark ol.biglist li, 
.text-dark ul.nolist li, 
.text-dark ol.nolist li { 
color: #000;
} blockquote {
color: #fff;
border-color: rgba(255,255,255,0.28);
}
.text-dark blockquote,
blockquote.text-dark { 
color: #000; 
border-color: rgba(0,0,0,0.11);
}
blockquote cite, 
cite,
cite a {
color: rgba(255,255,255,0.48) !important; 
}
.text-lioht blockquote cite {
color: rgba(0,0,0,0.31) !important; 
}
cite a {
border-color: rgba(255,255,255,0.48) !important; 
}
.text-dark cite a {
border-color: rgba(0,0,0,0.31) !important; 
}
cite a:hover {
border-color: #fff !important; 
}
.text-dark cite a:hover {
border-color: #000 !important; 
}
pre {
background: rgba(255,255,255,0.11);
}
.text-dark pre { 
background: rgba(0,0,0,0.04); 
}
code, 
kbd, 
tt {
color: rgba(255,255,255,0.48);
}
.text-dark code, 
.text-dark kbd, 
.text-dark tt {
color: rgba(0,0,0,0.31);
}
mark {
background: #fff;
color: #000;
}
.text-dark mark { 
background: #000; 
color: #fff; 
}
address {
border-color: rgba(255,255,255,0.28);
}
.text-dark address:first-child {
border-color: rgba(0,0,0,0.11);
}
hr {
border-color: rgba(255,255,255,0.28);
}
.text-dark hr {
border-color: rgba(0,0,0,0.11);
} .sr-loader-icon::after,
.wcapf-before-update::after {
background: #fff;
border-radius: 100%; 
}
.text-dark .sr-loader-icon::after,
.text-dark .wcapf-before-update::after {
background: #000;
}
.custom-mouse {
background-color: #fff;
}
.custom-mouse.circle {
border-color: #fff;
}
body.mouse-switch-dark .custom-mouse {
background-color: #000;
}
body.mouse-switch-dark .custom-mouse.circle {
border-color: #000;
} #header #logo img#dark-logo { opacity: 0; visibility: hidden; }
#header #logo img#dark-logo ~ img#light-logo { opacity: 1; visibility: visible; } .copyright {
color: rgba(255,255,255,0.48);
}
.copyright a {
color: rgba(255,255,255,0.48) !important;
border-color: rgba(255,255,255,0.28) !important;
}
.copyright a:hover {
color: #fff !important;
}
#footer .socialmedia-widget li a {
opacity: 0.48;
} nav#main-nav ul > li a {
color: #fff;
}
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav ul > li a {
color: #000;
}
body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav ul > li a {
color: #000;
}
nav#main-nav.fade ul > li.hide > a {
opacity: 0.48;
}
nav#main-nav.underline  ul > li > a::after {
background-color: rgba(255,255,255,0.28);
}	
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav.underline  ul > li > a::after {
background-color: rgba(0,0,0,0.11);
}
body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav.underline  ul > li > a::after {
background-color: rgba(0,0,0,0.11);
}
nav#main-nav > ul > li ul.sub-menu::before {
background: #262626;
}	
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .header-dark nav#main-nav > ul > li ul.sub-menu::before,
body.loading-end:not(.scrolled-hero):not(.menu-is-open) .switch-dark nav#main-nav > ul > li ul.sub-menu::before {
background: #262626;
}
body.loading-end.scrolled-hero:not(.menu-is-open) .header-dark nav#main-nav > ul > li ul.sub-menu::before,
body.loading-end.scrolled-hero:not(.menu-is-open) .switch-dark nav#main-nav > ul > li ul.sub-menu::before {
background: #f7f7f7;
}
.menu-toggle span.hamburger::after, 
.menu-toggle span.hamburger::before {
background: #fff;
}
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::after, 
body.loading-end:not(.scrolled-hero):not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::before {
background: #000;
}
body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::after, 
body.loading-end.scrolled-hero:not(.menu-is-open) #header .header-dark .menu-toggle span.hamburger::before {
background: #000;
}
body #header .header-dark-forced .menu-toggle span.hamburger::after, 
body #header .header-dark-forced .menu-toggle span.hamburger::before {
background: #000 !important;
} .menu-language {
color: rgba(255,255,255,0.48);
}
.menu-language a {
color: #fff;
}
.menu-language:hover > a {
opacity: 0.48;
}
.menu-language > a:hover {
opacity: 1;
}
.menu-language ul li.hide a,
.menu-language > a:hover + ul li a {
opacity: 0.48;
} .portfolio-info .portfolio-category {
color: rgba(255,255,255,0.48);
}
.text-dark .portfolio-info .portfolio-category {
color: rgba(0,0,0,0.31);
}
.portfolio-filter .widget-title .current {
color: #fff;
}
.text-dark .portfolio-filter .widget-title .current {
color: #000;
}
.grid-filter li a {
color: #fff;
}
.text-dark .grid-filter li a {
color: #000;
}
.grid-filter li.hide a {
opacity: 0.48;
} .post-item.sticky .post-content {
background: rgba(255,255,255,0.11);
}
.post-item.search-item .post-content {
border-color: rgba(255,255,255,0.28);
}
.post-date, 
.post-cat,
.post-author {
color: rgba(255,255,255,0.48);
}
.text-dark .post-date, 
.text-dark .post-cat,
.text-dark .post-author {
color: rgba(0,0,0,0.31);
}
.post-cat a,
.post-author a {
color: rgba(255,255,255,0.48);
}
.text-dark .post-cat a,
text-dark .post-author a {
color: rgba(0,0,0,0.31);
}
.post-cat a:hover,
.post-author a:hover {
color: #fff;
}
.text-dark .post-cat a:hover,
.text-dark .post-author a:hover {
color: #000;
}
.post-date::after, 
.post-cat::after, 
.post-author::after  {
background-color: rgba(255,255,255,0.28);
}
.text-dark .post-date::after, 
.text-dark .post-cat::after, 
.text-dark .post-author::after  {
background-color: rgba(0,0,0,0.11);
}
.slist.blog-list.hover-hide .slist-item.hide {
opacity: 0.48;
}
.meta-tags a {
background: #262626;
}
.text-dark .meta-tags a {
background: #f7f7f7;
}
.comments .comment-list .pingback { 
color: rgba(255,255,255,0.48);
}
.comments .time {
color: rgba(255,255,255,0.4);
}
.text-dark .comments .time { 
color: rgba(0,0,0,0.31); 
} .slist .slist-item a {
color: #fff;
}
.text-dark .slist .slist-item a {
color: #000;
} .pagination li a, 
.pagination li > span {
color: rgba(255,255,255,0.48);
}
.text-dark .pagination li a, 
.text-dark .pagination li > span {
color: rgba(0,0,0,0.31);
}
.pagination li a:hover,
.pagination li span.current {
color: #fff;
}
.text-dark .pagination li a:hover,
.text-dark .pagination li span.current {
color: #000;
}
#single-pagination.blog-pagination {
border-color: rgba(255,255,255,0.28);
}
.text-dark #single-pagination.blog-pagination {
border-color: rgba(0,0,0,0.11);	
}
#single-pagination .pagination li a .text {
color: rgba(255,255,255,0.48);
}
.text-dark #single-pagination .pagination li a .text {
color: rgba(0,0,0,0.31);
}
#single-pagination .pagination li .post-title {
color: #fff;
}
.text-dark #single-pagination .pagination li .post-title {
color: #000;
}
.content-pagination .pages,
.content-pagination .pages a {
color: rgba(255,255,255,0.48);
}
.content-pagination .pages .current {
color: #fff;
}
.content-pagination .pages a:hover {
color: #fff;
}
#comment-pagination a {
border-color: #fff;
} .load-grid .load-message {
color: rgba(255,255,255,0.4);
}
.text-dark .load-grid .load-message {
color: rgba(0,0,0,0.31);
}
.lazy-wrapper {
background: rgba(255,255,255,0.11);								
}
.text-dark .lazy-wrapper {
background: rgba(0,0,0,0.04);			
}
.flickity-carousel .flickity-page-dots li.dot::after {
background: #fff;
}
.text-dark .flickity-carousel .flickity-page-dots li.dot::after {
background: #000;
} .sr-button {
background: #fff;
color: #000 !important;
}
.text-dark .sr-button {
background: #000;
color: #fff !important;
}
.sr-button.style-3 { 
color: #fff !important; 
border-color: rgba(255,255,255,0.28) !important; 
}
.text-dark .sr-button.style-3 { 
color: #000 !important; 
} .accordion .toggle-item {
border-color: rgba(255,255,255,0.28);
}
.text-dark .accordion .toggle-item {
border-color: rgba(0,0,0,0.11);
}
.toggle-item .toggle-title .plus svg path,
.toggle-item .toggle-title .minus svg path {
fill: #fff;
}
.text-dark .toggle-item .toggle-title .plus svg path,
.text-dark .toggle-item .toggle-title .minus svg path {
fill: #000;
} .socialmedia-widget li a {
color: #fff;
}
.text-dark:not(.transparent) .socialmedia-widget li a { 
color: #000; 
}