@import url('//fonts.googleapis.com/css2?family=Bellefair&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/************ TEMPLATE  ************
Rotator Size: 1600x669 (super wide, 2.39:1)

/************ FONTS  ************
Serif: Bellefair 
Sans Serif: Raleway
Sans Serif body font: Lato

/************ COLORS  ************
Red: #B21F38; rgba(178,31,56,1)
Grey: #A8A9AD; rgba(168,169,173,1)
Light Grey: #F1F2F2
Black: #000000; rgba(0,0,0,1)

/************ NOTES ************
*Raleway is used everywhere there's not a Serif font and it isn't body font - but it can be used everywhere if you want. It's real nice
*drop shadow on flag icons and translate piece in header - 50%,0,0,5px
*menu is grey at 80% - rgba(168,169,173,.8)
*Rotator overlay is black at 30% - rgba(0,0,0,.3)
*drop shadow on quicklinks under rotator - 20%,0,0,10px
*quicklinks - maybe hover effect like vertical picture headlines default hover
*the section with a daily quote from their foundress is supposed to only change every day rather than every page view, but that may or may not be possible. The next best thing will have to be used if that's not possible
*Meet the Sisters - build similarly like on TOR
*the map section has some stuff built out already in the layout template/modules, to make sure we could actually do it. These pins are meant to be clickable, too. Feel free to adjust anything here as needed
*Red - header background, quicklink titles, sister name titles and 'read more' in 'meet the sisters', 'Answered Prayers &', bottom border of pictures in 'answered prayers', View All button, footer background
*Grey - "Stories of Our Missions" title and the article titles below
************/

body {color: #333; font-family: 'Lato', sans-serif;}

h1, h2, h3, h4, h5, h6 {margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p {line-height: 1.3;}
.page-header h1 {text-transform: none; font-size: 3rem;}
h1 {color: #B21F38; font-size: 3.5rem; font-weight: bold; font-family: 'Raleway', sans-serif;}
h2, .page-header h2 {font-variant-caps: small-caps; color: #000000; font-size: 2.2rem; font-family: 'Raleway', sans-serif; font-weight: bold;}
h3 {color: #000000; font-size: 1.8rem; border-bottom: 1px solid #B21F38; line-height: 1.3; margin: 0 0 10px 0; font-family: 'Raleway', sans-serif;}
h4 {color: #A8A9AD; font-size: 1.8rem; font-family: 'Bellefair', serif;}
h5 {background: #B21F38; font-size: 1.75rem; color: #ffffff; border-radius: .2rem; padding: .5rem;}
h6 {color: #000000; font-size: 1.4rem; text-transform: uppercase; font-weight: bold;}
a {color: #dbb45a;}
a:hover {color: #000000;}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    h1 {font-size: 2.2rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.75rem;}
    h4 {font-size: 1.75rem;}
    h5 {font-size: 1.2rem;}
    h6 {font-size: 1.2rem;}
    p {font-size: 1rem; margin-bottom: 4px;}
    h1, h2, h3 {line-height: 1.2;}
    h4, h5, h6, p {line-height: 1.1;}
}

@media only screen and (max-width: 767px) {
 h1 {font-size: 2.2rem;}
 h2 {font-size: 1.75rem;}
 h3 {font-size: 1.75rem;}
 h4 {font-size: 1.75rem;}
 h5 {font-size: 1.2rem;}
 h6 {font-size: 1.2rem;}
 p {font-size: 1rem; margin-bottom: 4px;}
 h1, h2, h3 {line-height: 1.2;}
 h4, h5, h6, p {line-height: 1.1;}
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
  color: #B21F38; 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: white; 
  padding: .7rem 1.3rem; 
  margin: 0;
  display: inline-block;
  line-height: 1.125rem;
  border: 1px #B21F38 solid;
  transition: all .2s ease-in;
  border-radius: 0;
}

.readon:hover, .button:hover, .btn:hover, p.readmore .btn:hover, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover, .listentobutton.moduletable a:hover { background: #B21F38; color: white; border: 1px #B21F38 solid; }
.sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span:hover {padding: .7rem 1.3rem; 
    border-radius: 0;
    margin-bottom: 0;}

h3.g-title {font-variant-caps: small-caps; font-weight: 700; border-bottom: none; line-height: 1.3;}

/*************** HOMELAYOUT ***************/
/*************** OFFCANVAS ****************/
#g-offcanvas .g-menu-item-title {
    color: inherit;
}
/*************** TOP **********************/
/*************** NAVIGATION ***************/
        /*Logo*/
.logo-icon .g-logo img {z-index: 101; margin-bottom: -55px; position: relative; margin-left: 1%;}
.logo-text {display: flex; align-items: center;}

        /*Flags & Languages*/
.flag-language .g-content, .flag-language .platform-content {height: 100%;}
.flag-language {padding-top: 20px;}
.flag-language .flags img {margin-right: 5px;}

@media only screen and (max-width: 767px) {
        .logo-icon .g-logo img {margin-bottom: 0; height: 30vw; width: auto;}
        .logo-text img {display: inline-block;}

        .flag-language .flags {margin-bottom: 2vw; margin-right: 1vw; margin-left: 1vw;}
        #google_translate_element {display: none;}
        .flag-language .flags img {margin-right: 0;}
}

.hero img {opacity: 0.75;}

/*************** SLIDESHOW ****************/

/*.homelayout #g-slideshow .g-container {position: relative; height: 42vw;}
.homelayout #g-slideshow .g-container .g-grid {position: absolute; width: 100%;}
.homelayout #g-slideshow .g-container .g-grid:first-child {z-index: 100; background: rgba(168,169,173,.8);}*/
.homelayout .fwcontentcenter .layout-slideshow .sprocket-features-content {top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.homelayout .fwrsolidback .layout-slideshow .sprocket-features-title, .fwrsolidback .layout-slideshow .sprocket-features-desc {background: none;}

@media only screen and (max-width: 767px) {
        .homelayout .fwcontentcenter .layout-slideshow .sprocket-features-content {height: 42vw}
        .homelayout .sprocket-features-desc h2 {font-size: 5vw;}
        .homelayout .sprocket-features-desc p {text-transform: none!important; font-size: 2.75vw;}
}


@media only screen and (max-width: 767px){
.fwrsuperwide .layout-slideshow .sprocket-features-img-container, .fwrwide .layout-slideshow .sprocket-features-img-container, .fwrultrawide .layout-slideshow .sprocket-features-img-container 
	{padding-bottom: 0;}
}

/*************** HEADER *******************/
#g-header {padding: 0 5%;}

        /*Quicklinks*/
.ql-home .readon {display: none;}
.ql-home .sprocket-strips-s-container {display: flex; justify-content: center; align-items: stretch;}
.ql-home .sprocket-strips-s-item {height: 100%; box-shadow: 0px 1px 6px rgba(0,0,0,.3); position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.heightvw13 .sprocket-strips-item, .heightvw13 .sprocket-strips-s-item img, .heightvw13 .sprocket-strips-image-overlay img {width: 100%; object-position: center; object-fit: cover; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.ql-home .sprocket-strips-s-content {padding: 0 1vw;}
.ql-home .sprocket-strips-s-title {font-size: 2.25vw; }
.ql-home .sprocket-strips-s-title a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-top: calc(13vw + 5px); padding-left: 1vw;}
.ql-home .sprocket-strips-s-title a:hover {background: rgba(0,0,0,.1);}
.ql-home .sprocket-strips-s-text {padding-top: calc(1.8rem + 5px);}

.daily-quote img {height: 200px; width: auto;}

@media only screen and (max-width: 767px) {
    .ql-home .sprocket-strips-s-container {flex-direction: column;}
    .heightvw13 .sprocket-strips-item, .heightvw13 .sprocket-strips-s-item img, .heightvw13 .sprocket-strips-image-overlay img {width: 100%; height: 50vw; object-position: center; object-fit: cover; border-top-left-radius: 5px; border-top-right-radius: 5px;}
    .ql-home .sprocket-strips-s-item {flex-direction: column;}
    .ql-home .sprocket-strips-s-title a {display: block; padding-top: calc(50vw + 5px); padding-left: calc(20px + 1vw);}
    .ql-home .sprocket-strips-s-item img, .ql-home .sprocket-strips-s-item div {flex: unset;}
    .ql-home .sprocket-strips-s-text {padding-top: calc(1.2rem + 5px);}
	.ql-home .sprocket-strips-s-title {font-size: 5.25vw; }
}

/*************** ABOVE ********************/
/*************** SHOWCASE *****************/
#g-showcase {padding: 2% 5%;}
#g-showcase h3.g-title { font-size: 1.75vw; color: rgba(178,31,56,1); }

#g-showcase .arrows-active .sprocket-features-list {margin: 0;}
#g-showcase .layout-showcase .sprocket-features-arrows .arrow  {top: 9vw;}
@media only screen and (max-width: 767px){
#g-showcase .sprocket-features.layout-showcase.arrows-active .sprocket-features-arrows .arrow {
    display: block;}
	#g-showcase .layout-showcase .sprocket-features-arrows .arrow  {top: 25vw;}
	#g-showcase h3.g-title {font-size: 4.5vw;}
}
.boxshadowaroundpositions .g-block .g-content {padding: 15px; margin: 5px 10px;   background: white /*url(../images/stories/template/spcbackground2.png) 0% 50% no-repeat*/; border-radius: 10px;}


/*************** UTILITY ******************/
#g-utility .g-content {padding: 0;}
#g-utility { padding: 2%; background: white url(../images/stories/template/spcbackground2.png) 115% 0% no-repeat; background-attachment: fixed;}

@media only screen and (max-width: 767px) {
	#g-utility {background: white url(../images/stories/template/spcbackground2.png) 100% 10% no-repeat; background-attachment: fixed;}
}

.voc-stories .sprocket-strips-s-item {text-align: center; padding: 0 3vw;}
.meet-sisters .sprocket-features-img-container img {height: 34vw !important; width: 100%; object-position: center; object-fit: cover;}
.meet-sisters .layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {background: none; box-shadow: none; font-size: 5em;}
.bigarrows .sprocket-strips-s .sprocket-strips-s-container {margin: 0 1%;}

.meet-sisters .layout-slideshow .sprocket-features-content {
    position: absolute;
    top: 80%;
    left: 0;
    width: 100%;
    bottom: 0;
}

.voc-stories .sprocket-strips-s-item img {border-radius: 50%; height: 20vw; width: 15vw;}


@media only screen and (max-width: 767px) {
        .voc-stories .sprocket-strips-s-item {display: flex; flex-direction: column; justify-content: center;}
        .voc-stories .sprocket-strips-s-item img {height: 50vw; width: 45vw; margin-right: auto; margin-left: auto;}
        .voc-stories .sprocket-strips-s-title a {justify-content: center;}
		.meet-sisters .sprocket-features-img-container img {height: 56vw!important;}
		.meet-sisters .layout-slideshow .sprocket-features-content {
			top: 75%;
	
}
}

/*************** FEATURE ******************/

#g-feature {padding: 0; }
#g-feature .h-title p {margin-bottom: 0;}
#g-feature .platform-content {padding: 0.5rem 0; }


.zoompics .portrait-image {  width: 18vw;}
.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {  height: 13vw;  width: 18vw; border-radius: 10px; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);}
.zoompics h4.sprocket-lists-portrait-title a {color: #b21f38;}
.homeheadlines .sprocket-lists-portrait-container li:hover {transform: scale(1.025); transition-duration: 1.25s; }
.homeheadlines .sprocket-lists-portrait-container li {padding: 15px; border-bottom: 1px solid #b21f38;}

@media only screen and (max-width: 767px) {
	.zoompics .active .portrait-image img, .zoompics.noncollapse .portrait-image img {  height: 50vw;  width: 80vw;}
	.zoompics .portrait-image {  width: 80vw;}
}

        /*Answeredc Prayers & Stories of Our Missions*/

.homeheadlines h4.sprocket-strips-s-title {font-size: 1.5vw;}
.homeheadlines .sprocket-strips-s-container {padding-top: 2vw;}
.homeheadlines .sprocket-strips-s-item img {height: 14vw; width: 25vw; box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3); border-bottom: 4px solid #B21F38; border-radius: 10px;}
.homeheadlines .readon {display: none;}

.homeheadlines .sprocket-strips-s-item {position: relative; transition: all .3s ease-in-out;}
.homeheadlines .sprocket-strips-s-item:hover {transform: scale(1.1);}
.homeheadlines .sprocket-strips-s-content {margin: 0 0 20px 0;}
.homeheadlines .sprocket-strips-s-content h4.sprocket-strips-s-title a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding-top: 14.5vw; color: #B21F38;}
.homeheadlines .sprocket-strips-s-text { line-height: 1.2;  font-size: 1rem; padding: 4vw 3px 0px 3px;}
.homeheadlines .cols-3 .sprocket-strips-s-block {width: 32%;}
.homeheadlines .sprocket-strips-s-block {margin: 1% 4px 1% 0;}

.redbackground {background-color: rgba(178,31,56,1); color: white;}

@media only screen and (max-width:767px){
	.homeheadlines .sprocket-strips-s-item {
		display: flex; flex-direction: column;	}
	.homeheadlines .sprocket-strips-s-item img {order: 1; width: 100vw; 	}
	.homeheadlines .sprocket-strips-s-content {order: 2;}
	.homeheadlines .sprocket-strips-s-container li {padding-bottom: 0;}
	.homeheadlines h4.sprocket-strips-s-title {font-size: 4.25vw;} 
	.homeheadlines .sprocket-strips-s-content h4.sprocket-strips-s-title a {padding-top: 30vw; left: 0px;}
	.homeheadlines .cols-3 .sprocket-strips-s-block {width: 100%;}
	.homeheadlines .sprocket-strips-s-item img {width: 100%;}
	.homeheadlines .sprocket-strips-s-text { line-height: 1.2;  font-size: 1rem; padding: 4vw 3px 0px 3px;}
}



/*************** EXPANDED *****************/
#g-expanded {padding: 0 5%;}

.homelayout .picture-block .sprocket-features-desc h6 {font-weight: 600; margin-bottom: 0.15rem;}
.picture-block h2 {font-weight: 400; margin-bottom: 0.15rem;}
.picture-block h4 {color: #B21F38; font-size: 3rem; margin-top: 0.25rem; }
.picture-block h5 {background: transparent; color: rgba(168,169,173,1); font-size: 1.25rem; font-family: 'Lato', sans-serif;}
.picture-block .sprocket-features-desc { padding: 1vw;}
#g-expanded .layout-showcase {margin: 0;}
#g-expanded .layout-showcase .sprocket-features-content { width: 85%; margin-left: -15vw;}



@media only screen and (max-width: 51rem) {
    .homelayout #g-expanded .g-content {margin: 0; padding: 0;}
	#g-expanded .layout-showcase {margin: 0;}
	#g-expanded .layout-showcase .sprocket-features-content { width: 95%; margin: 1rem;}
}


/*************** EXTENSION ****************/




/*************** BOTTOM *******************/
#g-bottom h3.g-title {border-bottom: none; color: white; margin-top: 10px;}

        /*World Map*/
.location-map {position: relative;}
.map {width: 100%; height: auto;}
.point {position: absolute; height: 15%; width: 5%; z-index: 50; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.map-point {background: url('/images/template/pin.png') 50% 0% no-repeat; height: 5vw; width: 5vw;}

/*************** FOOTER *******************/
#g-footer {padding: 0 5%;}

@media only screen and (max-width: 767px) {
        #g-footer .g-logo img {width: 20vw;}
}

/*************** COPYRIGHT ****************/

/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: #B21F38;}
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
    color: #ffffff;
    background: #A8A9AD;
}

/*************** SECTIONS *****************/
#g-footer a {color: #ffffff;}


.adminfootericon {bottom: 210px;}

/*************** MOBILE *******************/
.g-offcanvas-toggle {color: #ffffff;}



/************ SUB PAGES QUOTES AND TITLES ************/
.homelayout .grayback { background: rgba(168,169,173,0.8); padding: 0 20px 0 0; margin-top: 20px; margin-bottom: 20px; }
@media only screen and (max-width: 767px) {
	.homelayout .grayback {padding: 10px; }
}

.grayback { background: rgba(168,169,173,0.5); padding: 20px 0; margin-top: 20px; margin-bottom: 20px; }
.grayback h6 { text-align: center; font-size: 1.75rem;}
.grayback h4 { text-align: center; font-size: 1.2rem; background: none;}
h5.pagetitle { margin-bottom: 0px; z-index: 1; position: relative;  font-size: 2.7rem;}
h6.pagetitle { 
	line-height: .01;
    margin-top: -6px;
    color: rgba(0,62,126, 0.6);
    font-size: 1.7rem;
    z-index: -3;
	background: none;
}
.padright { padding-right: 30px;}
.padleft { padding-left: 30px;}
p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
} 

hr.cross {  
	background: url(../images/template/cross-icon.png) 50% 50% no-repeat;
    background-size: contain;
	width: 100%;
	height: 50px;
	border: none;
	margin: .5rem 0;
}
hr.short {
    padding: 0;
    margin: 0 auto;
    width: 100px;
}
hr {border-bottom: 2px #000000 solid;}

.blog .items-row, .item-page .items-row { padding-bottom: 3rem;}
.blog .items-row:last-child, .item-page .items-row:last-child { padding-bottom: 0;}
#g-container-main {background: none; }

.flexrow > .imageside { flex: 1}
.imageside .fullwidth { 
	width: 38vw;
    height: 24vw;
    object-fit: cover;
} 
.flexrow > .moduleside { flex-basis: 35%}

@media only screen and (max-width: 767px) {
	.imageside .fullwidth {
		width: 75vw;
		height: 50vw;	
		margin: auto;
		display: block;
	}
	.imageside .padright { padding-right: 0;}
	.imageside .padleft { padding-left: 0;}
	
}

/************ FILEMAN PHOTO GALLERY - FOLDERS   ************/
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content {
	background: none;
	border: none;
	border-radius: 0; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	position: relative;
	width: 20vw;
	height: 15vw;
	max-width: 400px;
	max-height: 300px;
	background: url(/images/stories/template/default-photo-gallery.jpg) 0 0 no-repeat;
    background-size: cover; 
	margin-bottom: 2vw;
	transition: all .4s ease-in-out;
}



.gallerycolorstrip .koowa_media {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item {
	padding: 0;
	width:  auto;
	max-width:  auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item {
	width: auto;
}

.gallerycolorstrip .k-ui-namespace .koowa_header {     position: initial;}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview) {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	object-fit: cover;
	object-position: center;
	width: 20vw;
	height: 15vw;
	max-width: 400px;
	max-height: 300px;
	z-index: 10; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
	box-shadow: 2px 2px 5px rgba(0,0,0,.2);
	position: relative;
	width: 15vw;
	max-width: 300px; 
    background-size: cover; 
	margin-bottom: 2vw;
	transition: all .4s ease-in-out; 
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
	width: 15vw;
	max-width: 300px;
}

.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
	width: 16vw;
	max-width: 350px;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item {
	padding: 0;
	margin: 0 auto 1.2vw auto;
	border-radius: 1vw; 
	
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link.js-lightbox-item:hover {
	opacity: .8;
}


.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__link {
	padding: 0; 
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
}

.gallerycolorstrip .k-icon-document-folder.k-icon--size-medium { display: none; }

#g-page-surround .gallerycolorstrip .g-content { padding-left: 0; padding-right: 0px; margin-left: 0px; margin-right: 0px;}

/*
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link :hover {
	opacity: 0.90;
	
}
*/

@media only screen and (max-width: 767px) {
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link, .gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img:not(.k-js-image-preview)	{
		width: 80vw;
		height: 60vw;
		max-width: auto;
		max-height: auto;
	}
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content:not(.file) .koowa_media__item__link {
		margin-bottom: 8vw;
	}
	
	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__content.file .koowa_media__item__link {
		width: 40vw;
	}

	.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item__content img.k-js-image-preview {
		width: 40vw;
	}

	.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-2 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-3 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-4 .koowa_media__item,.k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-5 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-6 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-7 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-8 .koowa_media__item, .k-ui-namespace .koowa_media--gallery .koowa_media_contents.columns-9 .koowa_media__item {
		width: 45vw;
	}

}
.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .overflow_container > span {
	z-index: 20;
	width:  100%;
	text-align: center;
	margin-bottom: 2vw;
	padding-top: .4vw;
	padding-bottom: .4vw;
	background: rgba(50,50,50,0.8);
	color: white;
	transition: all .4s ease-in-out;
	font-weight: 400 !important;
}

.gallerycolorstrip .k-ui-namespace .koowa_media--gallery .koowa_media__item .koowa_media__item__link:hover .overflow_container > span {
	margin-bottom: 3vw;
	background: rgba(50,50,50,0.8);
}