/*
 Theme Name:   JcsFl
 Description:  Jewish Community Services South Florida website. *** PLEASE DO NOT REMOVE WP QIUB THEME (wpq) ***
 Author:       Boris Alonso & Adrian Gallardo
 Author URI:   http://borisalonso.info
 Template:     wpq
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  jcsfl
*/

@import url("../wpq/style.css");

@charset "UTF-8";

/*
    font-family: 'Lora', sans-serif;
    font-family: 'Lato', sans-serif;
*/
.cms-content img {
	 max-width: 100%;
	 height: auto;
}

body.page-template-volunteer-form-template #content { margin-bottom: 10px; }

body .legal-liability {
	height: 200px;
	overflow-y: scroll;
	margin-bottom: 20px;
	margin-top: 20px;
	border: none;
}

header#page-header .header-content.clearfix { clear: none !important; }
#social-network > li{
	border-top: 1px solid #244688;
	display: block;
}
#social-network > li.phone a{
	color: #244688;
	font-size: 16px !important;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-family: 'Lora', sans-serif !important;
	padding: 5px 0;
}
#social-network > li.phone a span{
	padding: 5px;
}
#social-network > li.phone a i{
	color: #d8c926;
	font-size: 20px;
	transform: rotate(-90deg);
}

#events-list-wrapper .row{
	display:flex;
	flex-wrap:wrap;
}
#events-list-wrapper > .container > .row::before,
#events-list-wrapper > .container > .row::after {
	content:none !important;
}

.services-grid {
	display: grid;
	gap: 2px;
	grid-template-areas: 	"s1 s1 s2 s3"
							"s1 s1 s4 s5"
							"s6 s7 s8 s9";
	grid-template-columns: repeat(4, 1fr);
}

.services-grid.services-grid--complete {
	display: grid;
	gap: 2px;
	grid-template-areas: 	"s1 s1 s2 s3"
							"s1 s1 s4 s5"
							"s6 s7 s10 s10"
							"s8 s9 s10 s10";
	grid-template-columns: repeat(4, 1fr);
}

.services-grid .services-grid__item.services-grid__item--01 {
	grid-area: s1;
}

.services-grid .services-grid__item.services-grid__item--02 {
	grid-area: s2;
}

.services-grid .services-grid__item.services-grid__item--03 {
	grid-area: s3;
}

.services-grid .services-grid__item.services-grid__item--04 {
	grid-area: s4;
}

.services-grid .services-grid__item.services-grid__item--05 {
	grid-area: s5;
}

.services-grid .services-grid__item.services-grid__item--06 {
	grid-area: s6;
}

.services-grid .services-grid__item.services-grid__item--07 {
	grid-area: s7;
}

.services-grid .services-grid__item.services-grid__item--08 {
	grid-area: s8;
}

.services-grid .services-grid__item.services-grid__item--09 {
	grid-area: s9;
}

.services-grid .services-grid__item.services-grid__item--10 {
	grid-area: s10;
}

@media (max-width: 991px){
	.services-grid {
		grid-template-columns: repeat(1, 1fr) !important;
		grid-template-areas: 	"s1"
								"s2"
								"s3"
								"s4"
								"s5"
								"s6"
								"s7"
								"s8"
								"s9";
	}

	.services-grid.services-grid--complete {
		grid-template-columns: repeat(1, 1fr) !important;
		grid-template-areas: 	"s1"
								"s2"
								"s3"
								"s4"
								"s5"
								"s6"
								"s7"
								"s8"
								"s9"
								"s10";
	}
}

/* Wp Admin Bar */
@media screen and (min-width: 782px) {
	body.admin-bar .navbar-fixed-top { top: 32px; }
}
@media screen and (max-width: 782px) {
	body.admin-bar .navbar-fixed-top { top: 46px; }
}

.three-videos-outer {
	background-color:#F7F7F7;
}

.three-videos-block h3 {
	margin-top:42px;
	margin-bottom:30px;
}

.three-videos-flex {
	display:flex;
	align-items:center;
	justify-content:center;
	padding: 30px 0 60px;
}

.three-videos-flex > div {
	padding:13px;
	cursor: pointer;
}

body.home #content.site-content {
	margin-bottom:30px;
}
.page-988-template *{
	font-family: "Poppins", sans-serif;
}
.page-988-template .page-988-hero{
	background-color: #025870;
	padding: 100px 0;
}
.page-988-template .page-988-hero h1{
	color: #fff;
	font-size: 30px;
	background-color: #3ebdad;
	padding: 20px 0 20px 30px;
}
.page-988-template .page-988-hero .body-cont *{
	color: #fff;
}
.page-988-template .jcs_211_miami-section,
.page-988-template .resources_available-section{
	padding: 100px 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.page-988-template .jcs_211_miami-section .title,
.page-988-template .resources_available-section .title{
	position: relative;
	color: #fff;
	font-size: 30px;
	margin-top: 0;
	font-weight: 700;
}
.page-988-template .jcs_211_miami-section .title::after,
.page-988-template .resources_available-section .title::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 5px;
	height: 70px;
	background-color: #febf3b;
}
.page-988-template .jcs_211_miami-section .body-cont *,
.page-988-template .resources_available-section .body-cont *{
	color: #fff;
}
.page-988-template .jcs_211_miami-section .yellow-box,
.page-988-template .resources_available-section .yellow-box{
	background-color: #febf3b;
	padding: 20px 30px;
	margin: 50px 0;
}
.page-988-template .jcs_211_miami-section .yellow-box .body-cont *,
.page-988-template .resources_available-section .yellow-box .body-cont *{
	color: #025870;
	font-weight: 700;
}
.page-988-template .jcs_211_miami-section .yellow-box .body-cont a,
.page-988-template .resources_available-section .yellow-box .body-cont a{
	color: #fff !important;
}

.page-988-template .footer_page-section{
	padding: 40px 0;
	background-color: #3ebdad;
}
.page-988-template .footer_page-section .body-cont *{
	color: #000;
}

@media(min-width: 1350px) {
	.container.three-videos-block {
		width: 1320px !important;
	}
}

@media(max-width:767px) {
	.three-videos-flex {
		display:block;
	}
	.three-videos-flex > div {
		margin:auto;
	}

	.three-videos-flex > div img {
		margin:auto;
		display:block;
	}
	#three-videos-carousel {
		padding-top:30px;
		padding-bottom:40px;
		padding-left:30px;
		padding-right:30px;
	}
	#three-videos-carousel .owl-nav .owl-prev {
		left:-4px;
	}
	#three-videos-carousel .owl-nav .owl-next {
		right: -4px;
	}
}