/*
 Theme Name:   SURPAS
 Description:  Lagunita Child Theme for the Stanford University Postdoctoral Association
 Author:       Wolfestar Design
 Author URI:   http://wolfestar.design
 Template:     lagunita
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         content-mangement, event-posting
 Text Domain:  surpas
*/

/* General formatting */
body {
	font-size:16px;
}

h2, h3, h4, h5 {
	line-height: 1.2em;
	margin-top:0.7em
}

ol {
	padding-left:15px;
}
ol li {
	padding-left:5px;
}
li {
	margin-bottom:6px;
}
hr { /* using this to break up sections/floats */
	opacity:0.3;
	clear:both;
	float:none;
	padding:0;
	margin:35px 0;
}
	
/* Styles inserted by Just TinyMCE Custom Styles */
p.smaller_text {font-size:0.8em;}
p.medium_text {font-size:1em;}
p.large_text {font-size:1.3em;}
p.xl_text {font-size:1.6em;}

.post-edit-box{
	position:fixed;
	bottom:5%;
	left:0;
	display:block;
	width:200px;
	z-index: 1000;
}
.post-edit-box a {
	padding:20px;
	font-size:16px;
	color:#fefefe;
	background:rgba(107,165,211,0.5);
	text-decoration:none;
}
.post-edit-box a:hover{
	color:#fff;
	background:rgba(107,165,211,0.9);
	text-decoration:none;
}


.featured-banner {
	width:100%;
	margin-bottom:20px;
	position: relative;
	background-size:cover;
	background-position: center;
	min-height: 225px;
	clear:both;
}
.tan_box {
	display:block;
	width:49%;
	background-color:#f8f7f2;
	padding:20px;
}
.page-template-page-application .text_overlay {
	padding-top:10%;
}
.page-template-page-application .word_01 {
	font-size:2.27em;
	padding-left:10px;
}
.page-template-page-contact .text_overlay {
	padding-top:20%;
}

/* Custom Header */
.som-logo path.cardinal{
	fill:#8C1515;
}
.som-logo path.white{
	fill:#FFFFFF;
}
.som-logo path.off-black{
	fill:#231F20;
}
svg.som-logo {
	width:150px;
	height:auto;
	position: relative;
	top:-2px;
}
#brandbar {
	height:50px;
	padding:0;
}
#brandbar .container {
	padding-top:0;
}
#brandbar .logo_box {
	display:block;
	background-color:#ffffff;
	padding:0px 4px;
	height:50px;
	width:200px;
	text-align:center;
}

/* Main Logo */
#logo img {
	max-width:60px;
}

/* Footer */
#footer.footer {
	background-color:#42081B;
}
#global-footer .container {
	top:5px;
	position: relative;
}
.follow_bttns_wrapper {
	display:block;
	width:100%;
	background-color:#820000;
	height:60px;
	padding:10px 0;
	margin:0;
}
ul.social_follow_bttns {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	width:100%;
	margin:0;
}
ul.social_follow_bttns li {
	display:block;
	width:36px;
	height:36px;
	margin:0 8px;
	padding:0;
}
ul.social_follow_bttns li a {
	display:block;
	width:100%;
	height:100%;
	padding:1%;
	border-radius:6px;
	background-color:#42081B;
}
ul.social_follow_bttns li svg {
	width:98%;
	height:auto;
	fill:#f7f7f7;
}
ul.social_follow_bttns li.instagram svg {
	width:80%;
	margin:10%;
}
ul.social_follow_bttns li a:hover, ul.social_follow_bttns li a:active {
	background-color:#B1040E;
}
ul.social_follow_bttns li a:hover svg, ul.social_follow_bttns li a:active svg {
	background-color:#B1040E;
	fill:#ffffff;
}
.widgets_wrapper {
	width:100%;
	max-width:1170px;
	margin:10px auto;
	display:block;
	position: relative;
}
.footer-widgets {
	width:80%;
	margin:2px auto;
}
.widget_tp_widget_recent_tweets {
	color:#f7f7f7;
	font-size:1.2em;
}
.tp_recent_tweets li a {
	color:#ff9191;
	font-weight: normal;
}
.tp_recent_tweets li a:hover, .tp_recent_tweets li a:active {
	color:#ff7777;
	transition: none;
}
.tp_recent_tweets .twitter_time {
	color:#dbbec2;
}
.tp_recent_tweets .twitter_time:hover, .tp_recent_tweets .twitter_time:active {
	color:#e3aeb6;
}
.tp_recent_tweets ul {
	padding-left:20px;
	font-size:0.9em;
}
.tp_recent_tweets li {
	background-image:none;
	list-style-type: square;
	padding-left:0;
}

/* Home Page */

.home-banner-wrapper {
	width:80%;
	padding:0;
	margin:0 auto 20px auto;
	/*background-color:#f8f7f2;*/
	position: relative;
	top:-10px;
}
.primary_wrapper {
	width:100%;
	position: relative;
	display:block;
	text-align: center;
	color:#f8f7f2;
}
.text_overlay {
	position: absolute;
	z-index: 10;
	width:100%;
	height:100%;
	font-size:3em;
	font-weight: bold;
	line-height: 100px;
	padding-top:10px;
	display:none /* hiding text as per 12/11/20 request */
}
.text_overlay p {
	display:block;
	text-transform: uppercase;
	padding:0 15%;
}
.caption_box {
	display:block;
	background-color:#ffffff;
	width:92%;
	max-width:435px;
	position: absolute;
	bottom:0;
	margin:0 4% 4% 4%;
	padding:1.5% 2%;
	text-align: left;
	color:#000000;
	font-size:1.3em;
	z-index: 5;
}
.word_01 {
	font-size:2.14em;
}
.word_02 {
	font-size:3em;
}
.word_03 {
	font-size:2.8em;
}
.word_04 {
	font-size:2.23em;
}
.xl-text {
	font-size:3.8em;
	margin:50px 0 20px 0;
}
.m-text {
	font-size:1.0em;
	margin-bottom:0;
	line-height: 1.0em;
	text-align: left;
}
.primary_wrapper:after {
	display:block;
	position: absolute;
	height:100%;
	width:100%;
	top:0;
	left:0;
	z-index: 3;
	content: '';
	background-color:black;
	opacity: 0.1;
}
.primary_wrapper img {
	width:100%;
	height:auto;
	margin:0;
	z-index: 2;
	overflow-x:hidden;
}
.flexer {
	width:100%;
	margin:20px 0;
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.flexer img {
	display:block;
	width:30%;
	height:auto;
}
.content-wrapper {
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.content-wrapper a {
	color:#B1040E;
}
.content-wrapper a:hover,  .content-wrapper a:active {
	color:#E50808;
}
.content-wrapper img {
	max-width:100%;
	height:auto;
	position: relative;
}
.cards_subheader {
	text-align: center;
	margin:50px 0 20px 0;
}
.column_container {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content: space-between;
	width:90%;
	margin:10px auto 30px auto;
}
.card_container {
	display:flex;
	flex-wrap:nowrap;
	justify-content: flex-start;
	width:45%;
}
.vertical_stack {
	flex-direction: column;
}
.single_post_card {
	width:100%;
	display: block;
	margin-bottom:20px;
}
.single_post_card .headline {
	font-size:2em;
	padding:0 1%;
}
.single_post_card .headline a  {
	text-decoration: none;
}
.single_post_card .headline a:hover, .single_post_card .headline a:active {
	text-decoration: underline;
}
.card_thumb {
	width:100%;
	height:175px;
	overflow:hidden;
}
.card_thumb img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.generic_thumb .event_datebox {
	width:100%;
	height:100%;
	line-height: 2.8em;
}
.generic_thumb a {
	text-decoration: none;	
	background-color:#820000;
	background-image:url(img/stanford_s_small.png);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 90px;
	display:block;
	width:100%;
	height:100%;
}
.generic_thumb a:hover, .generic_thumb:active {
	text-decoration: none;
	background-color:#B1040E;
}
.generic_thumb .event_datebox .month {
	font-size:2.8em;
}
.generic_thumb .event_datebox .day {
	font-size:3.1em;
}
.generic_thumb .event_datebox .year {
	font-size:2.8em;
}
.intra_post_nav {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.intra_post_nav .next, .intra_post_nav .previous {
	width:49%;
}
.intra_post_nav .next {
	text-align: right;
	justify-content: flex-end;
}
.intra_post_nav .previous {
	text-align: left;
	justify-content: flex-start;
}
.intra_post_nav > div {
	display:flex;
	flex-direction: row;
	flex-wrap:nowrap;
	align-items: center;
}
.intra_post_nav .link_wrapper {
	padding:0 5px;
}


/* News */
.featured_news {
	
}
.news_post {
	margin:0 auto 75px auto;
}
.dateline {
	font-weight: bold;
	color:#8e8b8b;
}
.listing_post {
	width: 75%;	
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
}
.listing_thumb {
	order:1;
	flex: 1 1 0;  /* grow shrink basis */
	width:150px;
	height:150px;
	margin:0 10px 10px 0;
	overflow:hidden;
}
.listing_thumb img {
	width:150px;
	height:150px;
	object-fit:cover;
}
.text_content_wrapper {
	order:2;
	flex: 3 1 0;  /* grow shrink basis */
	display:block;
}

/* Embedded video */
.video-wrapper {
	text-align: center;
	display:block;
	margin:10px auto 2em  auto;
}
.outer-video-wrapper {
	width: 74%;
	display: inline-block;
	position: relative;
}
.inner-video-wrapper {
	margin-top: 56.25%; /* aiming for 16:9 ratio*/
}
.video-embed {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:-36px;
	border:solid thin black;
}
/* Social Media Share Icons */
.social_share_bttns {
	display:flex;
	width:100%;
	flex-direction: row;
	align-content:flex-end;
	justify-content: flex-end;
	margin:20px 0;
	padding:0;
}
.social_share_bttns:before {
	content:'Share: ';
	font-size:0.9em;
	line-height: 35px;
}
.social_share_bttns li {
	display:block;
	margin:0 12px;
	height:35px;
	width:35px;	
}
.social_share_bttns li a {
	border-radius: 5px;
	width:100%;
	height:100%;
	display:block;
}
.social_share_bttns li a.fb {
	background-color:#4267B2;
}
.social_share_bttns li a.twitter {
	background-color:#1DA1F2;
}
.social_share_bttns li a.email_share {
	background-color:#00548f;
}
.social_share_bttns li svg {
	width:100%;
	height:auto;
}

/* Google Inline Sheets */
.igsv-table.dataTable.no-footer.dtr-inline{
	width:100% !important;
}
table.igsv-table tr th.col-1, table.igsv-table tr td.col-1 {
	min-width:120px !important;
}
table.igsv-table td.col-1  a {
	font-size:0.8em;
}
table.igsv-table tr th.col-3, table.igsv-table tr td.col-3 {
	width:65% !important;
}
table.igsv-table tr:nth-child(odd){
	background-color:#fbf9f6;
}
table.igsv-table th{
	background-color:#f8f7f2;
}

/* Sidebar */
.flex-container {
	display:flex;
}

.sidebarred {
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.flexed_sidebar {
	display:block;
    width: 25%;
	min-width:200px;
    float: left;
	position: relative;
	margin-right:2%;
}

.flexed-content {
	display:block;
    /*width: 73%;*/    
    padding: 0 15px 34px 15px;
    position: relative;
}

.sidebar_content_block {
	display: block;
    position: relative;
    background-color: #f3f2f0;
    padding: 8px 12px;
    margin-bottom: 20px;
}
.sidebar_title {
	font-size:1.2em;
	padding:10px 0;
	margin-bottom:20px;
	border-bottom:1px solid #e3dfd5;
}
.sidebar_content_block a {
	text-decoration: none;
}
.sidebar_content_block a:hover, .sidebar_content_block a:active {
	text-decoration: underline;
}
.sidebar_content_block ul {
	padding-left:15px;
}
.sidebar_content_block .smaller {
	font-size:0.9em;
}
.align-center {
	text-align: center;
}

/* Events */

.event_listing {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width:100%;
	margin:0 0 20px 0;
}
.event_listing .event_description {
	display:block;
	order:2;
	padding:0;
}
.event_listing .date_block {
	order:1;
	margin-right:10px;
	text-decoration: none;
}
.event_listing h2 {
	margin-top:0;
	padding-top:0;
}
.event_timetable {	
	display:block;
	position: relative;
	background-color:#f3f2f0;
	padding: 8px 12px;
	margin-bottom:20px;
}
.event_timetable:before {
	content:'Event Details';
	font-size:1.2em;
	margin-bottom:12px;
	display: block;
}
.details_container {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	border-top:1px solid #e3dfd5;
	padding-top:14px;
	margin-bottom:0;
}
.details_container.registration {
	border-top:none;
}
.icon_container {
	display:block;
	width:30px;
	height:30px;
	margin:0 10px 10px 0;
}
.event_icon {
	width:100%;
	height:100%; /* Forcing square icons */
	fill:#777777;
}
.details_container p.time {
	position: relative;
	top:-10px;
}
.bttn, a.bttn, .nf-element.ninja-forms-field[type="button"] {
	background-color: #820000;
	padding:8px 7%;
	color:#ffffff;
	text-decoration: none;
}
.bttn:visited, a.bttn:visited, .nf-element.ninja-forms-field[type="button"] {
	background-color: #820000;
	color:#f7f7f7;
}
.bttn:hover, .bttn:active, a.bttn:hover, a.bttn:active, .nf-element.ninja-forms-field[type="button"]:hover, .nf-element.ninja-forms-field[type="button"]:active {
	background-color:#B1040E;
	color:#ffffff;
	text-decoration: none;
}
.registration_link {
	width:95%;
	margin:5px auto;
	display:block;
	line-height: 35px;
	font-size:1.1em;
}
.registration_link .icon_container {
	float:left;
	margin:0 5% 5px 5%;
}
.registration_link .icon_container .event_icon {
	fill:#ffffff;
}
.add_to_your_cal {
	background-color:rgba(0,100,0,0.2);
	display:block;
	position: relative;
	padding: 8px 12px;
}

/* Related Events Listings */
.related_events_wrapper {
	display:flex;
	flex-direction: row;
	flex-wrap:nowrap;
	margin:30px 0 10px 0;
	padding:20px 0 0 0;
	border-top: 1px solid #e3dfd5;
	justify-content: space-between;
	position: relative;
}
.related_events_wrapper_title {
	display:block;
	font-size:1.2em;
	position: absolute;
	top:-2em;
}
.related_events_wrapper_title a {
	text-decoration: none;
	word-break: normal;
}
.related_events_wrapper_title a:active, .related_events_wrapper_title a:hover {
	text-decoration: underline;
}
.related_events_wrapper .tagged_event {
	display:flex;
	flex-direction: row;
	flex-wrap:nowrap;
	justify-content: space-between;
}
.related_events_wrapper .tagged_event .event_title {
	font-size:1.1em;
}
.related_events_wrapper .tagged_event .event_title a {
	text-decoration: none;
}
.related_events_wrapper .tagged_event .event_title a:hover, .related_events_wrapper .tagged_event .event_title a:active {
	text-decoration: underline;
}
.event_datebox {
	width:90px;
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #820000;
    color: #fff !important;
    font-weight: bold;
	text-decoration: none;
	margin:0 10px 0 0;
	line-height: 1.6em;
}
.event_datebox:hover, .event_datebox:active {
	text-decoration: none;
	background-color:#B1040E;
}
.event_datebox span {
    display: block;
    width: 100%;
    text-align: center;
}
.event_datebox .month {
    order: 2;
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
	position: relative;
	top:5px;
}
.event_datebox .day {
    order: 1;
    font-size: 2.1em;
}
.event_datebox .year {
    order: 3;
    font-size: 1.1em;
    letter-spacing: 1px;
}
.compact .event_datebox {
    width: 65px;
    height: 80px;
	line-height: 1.1em;
}
.compact .event_datebox .month {
    font-size: 1em;
}
.compact .event_datebox .day {
    font-size: 1.3em;
}
.compact .event_datebox .year {
    font-size: 1em;
}
.event_dowbox, .compact .event_dowbox {
	width:110px;
    height: 100px;
	padding:0 5px;
}
.event_dowbox .day_of_week {
	line-height: 1.1em;
}

/*.ongoing_event .compact .event_dowbox {
	width:120px;
    height: 90px;
	padding:0 5px;
}*/

/* Committee Pages */
.auto_flex_column_container {
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.auto_flex_column_container .com_card {
	display:block;
	margin:0 1% 35px 1%;
	width:48%;
	background-color:#f8f7f2;
	border:2px solid #f3f2f0;
}
.auto_flex_column_container .com_card a {
	display:block;
	width:100%;
	height:100%;
	text-decoration: none;
}
.auto_flex_column_container .com_card .image_container {
	width:100%;
	height:75px;
	overflow-y:hidden;
}
.auto_flex_column_container .com_card .image_container img {
	width:100%;
	height:auto;
	object-position: center;
}
.auto_flex_column_container .com_card .card_title {
	font-size:1.2em;
	text-decoration: none;
	padding:2px 15px;
}
.auto_flex_column_container .com_card .committee_mission {
	font-size:0.9em;
	text-decoration: none;
	padding:2px 15px;
}

/* Portable Related Card Content */
.related_card_container {
	display:flex;
	flex-wrap:wrap;
}
.flex_horizontal {
	flex-direction: row;
}
.flex_vertical {
	flex-direction: column;
}
.flex_vertical .single_post_card {
	margin:0 auto 30px auto;	
}
.flex_horizontal .single_post_card {
	margin:0 2% 20px 2%;	
}
.single_post_card {
	flex:1 1 200px;
	display:block;
	position: relative;
	/*min-width:150px;
	max-width: 250px;*/
	background-color:#f8f7f2;
	border:2px solid #f3f2f0;
}
.related_card_container .card_thumb {
	width: 100%;
    height: 175px;
	margin-bottom:6px;
    overflow: hidden;
}
.related_card_container .card_thumb img {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.related_card_container .generic_thumb a {
	text-decoration: none;
    background-color: #820000;
    background-image: url(img/stanford_s_small.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90px;
    display: block;
    width: 100%;
    height: 100%;
}
.related_card_container .generic_thumb a:hover, .related_card_container .generic_thumb a:active {
	text-decoration: none;
    background-color: #B1040E;
}
.related_card_container .event_datebox {
	width: 100%;
    height: 100%;
    line-height: 2.8em;
}
.related_card_container .generic_thumb .event_datebox .month {
    font-size: 3em;
}
.related_card_container .generic_thumb .event_datebox .day {
	font-size: 2.8em;
}
.related_card_container .generic_thumb .event_datebox .month {
	font-size: 2.6em;
}
.related_card_container .event_dowbox {
	width: 100%;
    height: 100%;
    line-height: 2.8em;
}
.related_card_container .event_dowbox .day_of_week {
	font-size: 2.3em;
	/*font-size: calc( 12px + (24 – 12) * ( (100vw – 400px) / ( 800 – 400) ));*/
}
.related_card_container .event_dowbox .time {
	font-size: 2.2em;
}
.related_card_container .headline {
	font-size:1.5em;
	padding:0 1.5%;
	margin-bottom:10px;
}
.flex_vertical .headline {
	min-height: 76px;
}
.related_card_container .lede {
	font-size:0.9em;
	padding:0 1.5%;
	margin-bottom:0;
}

/* 2 column shortcodes */
.two_column_shortcode_container {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	width:100%;
	position: relative;
	margin:5px 0 10px 0;
}
.single_column_shortcode_container {
	width:46%;
	display:block;
	margin:0;
}

/* Media queries for less fluid elements */
@media (max-width: 1199px){ 
	.text_overlay p {
		padding-left:8%;
		padding-right:8%
	}
	.xl-text {
		font-size:3em;
		margin:30px 0 15px 0;
	}
	.m-text {
		font-size:0.9em;		
	}
}

@media (max-width: 991px){
	.home-banner-wrapper {
		width:100%;
	}
	.text_overlay {
		line-height: 80px;
	}
	.word_01 {
		font-size:190%;
	}
	.word_02 {
		font-size:270%;
	}
	.word_03 {
		font-size:255%;
	}
	.word_04 {
		font-size:200%;
	}
	.content-wrapper {
		width:100%;
	}	
	.page-template-page-application .word_01 {
		font-size:210%;
	}
	.text_overlay p {
		padding-left:5%;
		padding-right:5%
	}
	.xl-text {
		font-size:2.8em;
		margin:20px 0 10px 0;
	}
	.outer-video-wrapper {
		width: 80%;
	}
	.listing_title {
		margin-top:0;
	}
	.listing_post {
		width:80%;
	}
	
}
@media (max-width: 950px){ 
	.related_events_wrapper > div {
		display:none !important;
	}
	.related_events_wrapper > div:nth-of-type(1), .related_events_wrapper > div:nth-of-type(2) {
		display:flex !important;
	}
}
@media (max-width: 768px) {
	.auto_flex_column_container .com_card {
		width:100%;
	}
	.single_column_shortcode_container {
		width:100%;
	}
}


@media (max-width: 750px) {
	a {
		word-break: break-all;
	}
	.auto_flex_column_container a, .sidebar a, .listing_post a, .event_listing a {
		word-break:normal;
	}
	.text_overlay {
		line-height: 10.4vw;
	}
	.text_overlay:after {
		opacity: 0.3;
	}
	.word_01 {
		font-size:8vw;
	}
	.word_02 {
		font-size:11.2vw;
	}
	.word_03 {
		font-size:10.5vw;
	}
	.word_04 {
		font-size:8.3vw;
	}
	
	.page-template-page-application .word_01 {
		font-size:8.7vw;
	}
	.text_overlay p {
		padding-right:4%;
		padding-left:4%;
	}
	.xl-text {
		font-size:250%;
		margin-bottom:15px;
	}
	.m-text {
		font-size:80%;
	}
	.outer-video-wrapper {
		width: 85%;
	}
	.listing_post {
		width:90%;
	}
	.post_block  {
		margin-bottom:35px;
	}
}
@media (max-width:680px){
	.related_events_wrapper {
		flex-direction: column;
	}
	.related_events_wrapper > div {
		display:flex !important;
		margin-bottom:20px;
		justify-content: flex-start !important;
	}
}
@media (max-width: 615px) {
	.auto_flex_column_container .com_card {
		width:48%;
	}
	.single_column_shortcode_container {
		width:46%;
	}
	.sidebarred {
		flex-direction: column;
	}
	.flexed_sidebar {
		width:100%;
		margin:0 0 20px 0;
	}
	.flexed-content {
		width:100%;
		padding:0;
	}
	.xl-text {
		font-size:15vw;
	}
	.m-text {
		font-size:5.5vw;
	}
	.outer-video-wrapper {
		width: 90%;
	}
	.listing_post {
		width:100%;
	}
	.related_events_wrapper {
		flex-direction: row;
	}
	.related_events_wrapper > div {
		display:flex !important;
		margin-bottom:20px;
		justify-content: flex-start !important;
	}
}
@media (max-width: 515px) {
	.xl-text {
		font-size:15vw;
		margin:10px 0;
	}
	.m-text {
		font-size:6vw;
		text-transform: none !important;
	}
	#brandbar {
		height:40px;
	}
	#brandbar .logo_box {
		width:175px;
	}
	#brandbar .logo_box .som-logo {
		width:75%;
	}
	.caption_box {
		width:96%;
		font-size:1em;
		padding:1%;
		margin:2%;
	}
	.outer-video-wrapper {
		width: 98%;
	}
	.listing_post .text_content_wrapper {
		flex:2 1 0;
	}
	.related_events_wrapper {
		flex-direction: column;
	}
}

@media (max-width: 475px) {
	.auto_flex_column_container .com_card {
		width:100%;
	}
	.single_column_shortcode_container {
		width:100%;
	}
	.text_overlay {
		padding-top:0;
	}
	.xl-text {
		font-size:12vw;
	}
	.m-text {
		font-size:6vw;
	}
	.caption_box {
		height:92%;
		background-color:rgba(255,255,255,0.7);
		padding:3%;
		margin:2%;
		font-size:1.3em;
		line-height: 1.3em;
	}
	.event_listing {
		flex-direction: column;
		margin-bottom:40px;
	}
	.event_listing .date_block, .event_listing .event_datebox {
		width:100%;
	}
	
}
@media (max-width: 375px) {
	.xl-text {
		font-size:15vw;
		margin:10px 0;
	}
	.m-text {
		font-size:6vw;
	}
	.listing_post {
		display:block;
	}
	.listing_post .text_content_wrapper {
		width:100%;
	}
	.listing_post .listing_thumb {
		width:100%;
	}
	.listing_post .listing_thumb img {
		width:100%;
		height:auto;
	}
}