/***************************************************************************************************************************/
/********************************************************** DEFAULT VARIABLES **********************************************/
/***************************************************************************************************************************/
:root {
    --default-black: #000000;
    --default-white: #ffffff;

    --zoompics-title-opacity: 1;
    --zoompics-title-line-height: var(--default-line-height);
    --zoompics-image-height: var(--zoompics-image-dimensions);
    --zoompics-image-width: var(--zoompics-image-dimensions);
}

/***************************************************************************************************************************/

/***************************************************************************************************************************/
/********************************************************** VARIABLE NEWS **************************************************/
/***************************************************************************************************************************/

            /********************************************* DEFAULT CHANGES ***********************************/
            .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span {
                background: var(--default-black); 
                padding: 10px 20px; 
                border-radius: 5px; 
                margin-bottom: 10px; 
                color: var(--default-white); 
                transition: all .2s ease-in-out;
            }
            .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a {
                display: block; 
                margin-bottom: 10px;
            }
            .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover {
                background: var(--primary-color-opacity); 
                padding: 10px 20px; 
                border-radius: 5px; 
                margin-bottom: 10px; 
                color: var(--default-white);
            }


            /*********************************************** ZOOMPICS ****************************************/
            .zoompics h4.sprocket-lists-portrait-title {
                background: none; 
                font-size: var(--zoompics-title-font-size)!important; 
                color: rgba(var(--zoompics-title-color),var(--zoompics-title-opacity)); 
                margin-top: 0px; 
                margin-bottom: 0px; 
                line-height: var(--zoompics-title-line-height)!important;
            }
            .zoompics .active h4.sprocket-lists-portrait-title {
                margin-bottom: 10px; 
                line-height: var(--zoompics-title-line-height)!important;
            }
            .zoompics .portrait-image {
                width: auto;
            }
            .zoompics .portrait-image img {
                object-fit: cover; 
                object-position: center; 
                height: var(--zoompics-image-height); 
                width: var(--zoompics-image-width); 
                transition: all .5s ease-in-out;
            }
            .zoompics .sprocket-lists-portrait-container > li h4 {
                display: flex; 
                align-items: center; 
                height: 5vw; 
                margin-left: 0px; 
                padding-left: 0px;
            }
            .zoompics .sprocket-lists-portrait-container > li.active h4 {
                height: auto;
            }
            .zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {
                object-fit: cover; 
                object-position: center; 
                height: 10vw; 
                width: 10vw;
            }
            .zoompics.noncollapse .sprocket-lists-portrait-item {
                opacity: 1 !important; 
                overflow: visible !important; 
                height: auto !important;
            }
            .zoompics.noncollapse  h4.sprocket-lists-portrait-title {
                height: auto; 
                margin-bottom: 10px; 
                line-height: 1.3 !important;
            }
            .zoompics.noncollapse .sprocket-lists-portrait-container li {
                cursor: auto;
            }

            .zoompics.sprocket-lists-portrait-container li {
                border-bottom: 2px solid rgba(var(--secondary-color),var(--opacity-5));
            }

            .zoompics .sprocket-lists-portrait-pagination li {
                padding: 6px !important; 
                border-radius: 0;
            }
            .zoompics .sprocket-lists-portrait-arrows .arrow {
                color: var(--default-black);
            }

            @media only screen and (max-width: 767px) {
	            .zoompics .sprocket-lists-portrait-arrows .arrow {
                    margin-left: 25px;
                }
	            .zoompics .portrait-image img {
                    height: 20vw; width: 20vw;
                }
	            .zoompics .active .portrait-image img {
                    height: 60vw; width: 80vw;
                }
	            .zoompics .sprocket-lists-portrait-container li.active {
                    display: flex; 
                    flex-wrap: wrap;
                }
	            .zoompics .sprocket-lists-portrait-container > li h4 {
                    height: auto;
                }
	            .zoompics .sprocket-lists-portrait-container > li.active h4 {
                    width: 80vw;
                }
	            .zoompics.noncollapse .portrait-image img {
                    height: 20vw; 
                    width: 20vw;
                }
	            .zoompics.noncollapse .sprocket-lists-portrait-item {
                    opacity: 0 !important; 
                    overflow: hidden !important; 
                    height: auto !important;
                }
	            .zoompics.noncollapse .active .sprocket-lists-portrait-item {
                    opacity: 1 !important; 
                    overflow: visible !important; 
                    height: auto !important;
                }
	            .zoompics.noncollapse .active .portrait-image img {
                    height: 60vw; 
                    width: 80vw;
                }
            }
            /*********************************************** HOVER NEWS **************************************/
            .photoblocknews .sprocket-strips-container {
                display: flex; 
                justify-content: center;
            }
            .photoblocknews .sprocket-strips .readon span {
                font-size: 1.5rem;
            }
            .photoblocknews .sprocket-strips {
                position: relative;
            }
            .photoblocknews .sprocket-strips-item {
                background: url(default-news.jpg) 0 0 no-repeat; 
                background-size: cover;
            }

            .photoblocknews .sprocket-strips-arrows .arrow {
                background: none; 
                color: rgba(0,0,0,.5); 
                font-size: 5rem; 
                box-shadow: none;
            }
            /*.layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {
                box-shadow: none;
            }
            .layout-slideshow .sprocket-features-arrows .arrow {
                top: 50%;
            }*/
            .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow {
                position: absolute; 
                top: 50%;
            }
            .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next {
                right: -50px;
            }
            .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.prev {
                left: -50px;
            }
            .photoblocknews .sprocket-strips-content > a.readon {
                position: absolute; 
                top: 0; 
                right:0; 
                bottom: 0; 
                left: 0; 
                background: none; 
                display: flex; 
                justify-content: center; 
                align-items: center;
            }
            .photoblocknews .sprocket-strips-item {
                position: relative;
            }
            .photoblocknews .sprocket-strips-item .readon {
                padding: 0; 
                margin: 0;
            }
            .photoblocknews .sprocket-strips-item .readon:hover {
                background: rgba(0,0,0,.8);
            }
            .photoblocknews .sprocket-strips-item .readon span  {
                flex: 1; 
                text-align: center; 
                transition: all .2s ease-in; 
                opacity: 0;
            }
            .photoblocknews .sprocket-strips-item .readon:hover span {
                opacity: 1;
            }
            .photoblocknews .sprocket-strips-content h4 { 
	            position: absolute; 
                left: 0; 
                right: 0; 
                bottom: 0; 
	            background: rgba(0,0,0,.5); 
                font-size: 1.4rem; 
                text-shadow: 1px 1px 3px rgba(0,0,0,.5); 
	            margin-bottom: 0px; 
                min-height: 72px; 
                text-align: center; 
                transition: all .2s ease-in; 
                border-radius: 0 0 .5rem .5rem; 
	            display: flex;
                align-items: center;
                justify-content: center;
            }
            .photoblocknews .sprocket-strips-item {
                box-shadow: 0px 0px 10px rgba(0,0,0,0.35);
            }
            .photoblocknews .sprocket-strips-content h4 a {
                color: white;
            }
            .photoblocknews .sprocket-strips-item {
                border-radius: .5rem;
            }
            .photoblocknews .sprocket-strips .cols-4 > li {
                width:  19%;
            }
            .photoblocknews .sprocket-strips-container > li {
                margin: 10px 3%;
            }
            .photoblocknews .sprocket-strips-item:hover .sprocket-strips-content h4 {
                opacity: 0;
            }
            .photoblocknews .sprocket-strips-item {
                background-position: 50% 50%; 
                background-size: cover;
            }
            .photoblocknews .sprocket-lists-title {
                padding: 15px 10px !important;
            }
            .photoblocknews .sprocket-lists-item .sprocket-padding {
                padding-top: 0px;
            }

            .photoblocknews .sprocket-strips-pagination li {
                padding: 8px !important;
                border-radius: 0;
            }

            .photoblocknews .sprocket-strips-item {
                height: 20vw;
                width: 15vw;
            } 

            @media only screen and (max-width: 767px) {	
	            .photoblocknews .sprocket-features-content img {
                    display: none;
                }
	            .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.next {
                    right: -35px;
                }
	            .photoblocknews .sprocket-strips .sprocket-strips-nav .arrow.prev {
                    left: -35px;
                }
	            .photoblocknews .sprocket-strips-container {
                    flex-wrap: wrap;
                }
	            .photoblocknews .sprocket-strips .sprocket-strips-container > li,
                .photoblocknews .sprocket-strips .sprocket-strips-container > li .sprocket-strips-item {
                    width: 80vw;
                    height: 20vw;
                    border-radius: 0;
                }
	            .photoblocknews .sprocket-strips-item {
                    background-position: 0 50%;
                    background-size: contain;
                    box-shadow: none;
                }
	            .photoblocknews .sprocket-strips-content h4 {
                    margin-left: 15vw;
                    border-radius: 0;
                    min-height: 20vw;
                }
	            .photoblocknews .sprocket-strips-content > a.readon {
                    border-radius: 0;
                }
            }
 

            .squarepager .sprocket-strips-p-pagination li,
            .squarepager .sprocket-lists-modern-pagination li,
            .squarepager .sprocket-strips-s-pagination li,
            .squarepager .sprocket-lists-portrait-pagination li {
                padding: 8px !important; 
                border-radius: 0;
            }
            .squarepicstrip .sprocket-strips-p-item img {
                width: 15vw;
                height: 15vw;
                object-fit: cover;
	            object-position: center; 
            }

            @media only screen and (max-width: 767px) {
	            /** MOBILE SPROCKET STRIPS **/
	            .sprocket-strips-s-container .sprocket-strips-s-block {
                    width: 100%;
                }
	            .sprocket-strips-s-item {
                    display: flex;
                }
	            .sprocket-strips-s-item img, .sprocket-strips-s-item div {
                    flex: 1;
                }
	            .sprocket-strips-s-content {
                    margin-left: 20px;
                }
	            .sprocket-strips-s-container li {
                    padding-bottom: 30px;
                }
            }

/***************************************************************************************************************************/
/**************************************************** VARIABLE QUICKLINKS **************************************************/
/***************************************************************************************************************************/

            /********************************************* DEFAULT CHANGES ***********************************/
            .quicklinks .sprocket-strips-content .readon {
                 display: none;
                }

            .quicklinks .sprocket-strips-content, 
            .quicklinks h4.sprocket-strips-title, 
            .quicklinks h4.sprocket-strips-title a {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
            }
            .quicklinks h4.sprocket-strips-title {
                margin: 0; 
                padding: 0;
            }
            
            .quicklinks .sprocket-strips-item {
                position: relative;
                min-height:  50px;
            }
            
            .quicklinks .sprocket-strips .sprocket-strips-container > li {
                width:  auto;
                float: none;
                margin: 10px 0;
                flex: 1;   
            }
            .quicklinks .sprocket-strips .sprocket-strips-container{
                display: flex;
                flex-wrap: wrap;
            }
            /******************************************* BACKGROUND OVERLAY ***********************************/
            .overlaybackpic .sprocket-strips-item {
                position: relative;
                min-height: 100px;
            }
            .overlaybackpic .sprocket-strips-content {
                background: rgba(0,0,0,.5);
                transition: all .2s ease-in-out; 
            }
            .overlaybackpic .sprocket-strips-content:hover {
                background: rgba(0,0,0,.8);
            }
            
            .overlaybackpic h4.sprocket-strips-title {
                margin: 0;
                background: none;  
            }
            .overlaybackpic h4.sprocket-strips-title a {
                color: white; 
            }
            .rotatoroverlay .sprocket-features-desc a {
                background: none; 
                position: absolute; 
                bottom: 0; 
                top: 0; 
                left: 0; 
                right: 0;
            }
            .fullwidthrotator.rotatoroverlay .layout-slideshow .sprocket-features-content .sprocket-features-desc {
                background: none;
            }
            .rotatoroverlay .sprocket-features-desc a span {
                display: none;
            }