/*

Theme Name: SKRN Progression Child
Template: skrn-progression
Theme URI: https://skrn.progressionstudios.com/
Author: Progression Studios
Author URI: http://progressionstudios.com/
Description: Media Streaming App WordPress Theme
Version: 1.8
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready
Text Domain: skrn-progression

*/


#skrn-landing-mobile-login-logout-header a, .tags-progression a:hover {
    color: #ffffff;
    background: #ca0f16 !important;
}

#skrn-landing-login-logout-header a.arm_form_popup_link {
    border: 1px solid #ca0f16 !important;
    background: #ca0f16 !important;
    color: #666666 !important;
}

.sf-menu li.current-menu-item a {
    color: #ca0f16 !important;
}

.sf-menu .menu-item a {
    color: #ffffff !important;
}

.sf-menu .menu-item:hover a {
    color: #bbb7b7 !important;
}

header#videohead-pro {
    background: #000000 !important;

}

#sidebar-nav-pro ul.sf-menu li a {
    background: #000000 !important;
}

#sidebar-nav-pro ul.sf-menu li a {
    border-bottom: 1px solid #6d767e !important;
}

.popup_wrapper {
    background: rgba(0,0,0,0.1) !important;
}

#page-title-pro {
    background: rgba(0,0,0,0) !important;
}



#sidebar-bg::before {
    background-color: #000 !important;
}

h1, h2, h3, h4, h5, h6 {

    color: #fff !important;
}

/* Mobile Updates */

#progression-studios-header-search-icon:hover i.pe-7s-search, #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, #progression-inline-icons .progression-studios-social-icons a:hover, #mobile-menu-icon-pro:hover, .sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a {
    color: #ca0f16 !important;
}

#skrn-landing-mobile-login-logout-header a {
    background: #ca0f16 !important;
}

#main-nav-mobile {
    background: #1c1c1c !important;
}


/* Woocommerce Checkout Updates */
table {
    background: rgba(250,250,250,0.1) !important;
}

#boxed-layout-pro button.button, #boxed-layout-pro a.button {
	background: #ca0f16 !important;
}

.woocommerce-message {
    border-top-color: #01950f !important;
}

.woocommerce-message::before {
    color: #01950f !important;
}

body, body input, body textarea, select, form.favorite_user_post button.favorite-button-pro, form.wishlist_user_post button.wishlist-button-pro {

    color: rgb(163, 163, 163) !important;

}

.wpneo-fields input[type="number"], .wpneo-fields input[type="text"], .wpneo-fields input[type="email"], .wpneo-fields input[type="password"], .wpneo-fields textarea, .campaign_update_field_copy input, .campaign_update_field_copy textarea, #campaign_update_addon_field input, #campaign_update_addon_field textarea, .woocommerce input, #content-pro .woocommerce table.shop_table .coupon input#coupon_code, #content-pro .woocommerce table.shop_table input, form.checkout.woocommerce-checkout textarea.input-text, form.checkout.woocommerce-checkout input.input-text, .post-password-form input, .search-form input.search-field, .wpcf7 select, #respond textarea, #respond input, .wpcf7-form input, .wpcf7-form textarea {
    background-color: #242424;
    border-color: #484848;
}





/* Styles the thumbnail */

a.lightbox img {
height: 150px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 94px 20px 20px 20px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
position: fixed;
top: -100%;
width: 100%;
background: rgba(0,0,0,.7);
width: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}