/*

Theme Name: St. Vincent de Paul of San Francisco

Theme URI: http://www.elevationweb.org/

Description: St. Vincent de Paul of San Francisco Theme http://www.elevationweb.org/

Version: 2017

Author: http://www.elevationweb.org/

Author http://www.elevationweb.org/

Text Domain: svpsf

*/

.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100vw;
}

.youtube-video2 {
  aspect-ratio: 16 / 9;
  width: 100%;
}


.galleryid-4556 { width:100%; display:flex; justify-content: center; align-items: center; flex-wrap:wrap; justify-content: space-between;
	img { border:0px !important; }
}
.galleryid-4556.gallery-columns-5 .gallery-item { flex: 0 0 17%; }
.galleryid-4556.gallery-columns-4 .gallery-item { flex: 0 0 22%; }
.galleryid-4556.gallery-columns-3 .gallery-item { flex: 0 0 30%; }


.page-id-4556 .interior-top {  background-color:#060403 !important; }



.instagram-gallery__actions { display:none !important; }


.slider-box-video { height:110vh !important; }


.interior #sponsors-slider .carousel-control span, .interior div[id*="sponsors-slider-shortcode-"] .carousel-control span {
    top: 16px;
    left:20px;
}

.interior #sponsors-slider .carousel-control span.fa-angle-right, .interior div[id*="sponsors-slider-shortcode-"] .carousel-control span.fa-angle-right {
    left: 23px;
}

div.yottie-widget-video-info{
	display:none !important;
}
.video_section{
	height: 0;
}

#myVideoModal .modal-dialog.modal-lg {
	background: rgba(0,0,0,.8);
	width: 100%;
}
#myVideoModal .modal-dialog.modal-lg .modal-content{
	background: transparent;
	width: 100%;
}
#myVideoModal .embed-responsive-16by9 {
    padding-bottom: 43.25%;
}
#myVideoModal .modal-title,#myVideoModal .modal-header .close {
	color:#fff;
	opacity: 1;
}

#myVideoModal .modal-header{
	border-bottom: 1px solid rgba(255,255,255,.3);
}
button.btn-1, button.btn-2, button.btn-3 {
    font-family: 'Poppins', sans-serif;
    border-radius: 30px;
    border: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    margin: 0 auto;
    max-width: inherit;
    min-width: 125px;
    padding: 12px 15px 11px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-transform: capitalize;
    transition: 0.4s;
}
button.btn-2 {
    background: #ffffff;
    color: #ff7214 !important;
    border: 2px solid #ffffff !important;
}
button.btn-2:hover {
    background: #ff7214;
    color: #ffffff !important;
    border: 2px solid #ff7214 !important;
}

#navigation #menu-header > li{
    align-self: center;
}
#navigation #menu-header > li.btn-donate a{
	padding: 25px 15px;
	background: #f04c26;
	color:#fff;
}
#navigation #menu-header > li.btn-donate a:hover{
	color: #f04c26;
	background: #fff;
}





.ngg-imagebrowser h3 { display:none !important; }