/*
Theme Name: Landmark Theatre
Theme URI: https://landmarktheatre.org
Description: Landmark Theatre WordPress Theme based on Divi and customised with love and a sprinkling of Fairy Dust by 247 Creative.
Version: 1.0
Author: 247 Creative
Author URI: https://www.247creative.co.uk
Template: Divi
Tags: responsive, white, maroon, culture, theatre, nyc
*/


/* Main Theme Import
*********************************************************/

@import url('../Divi/style.css');

/* Variables
**********************************************************/
	
:root{
	--theme-color-text-primary:#3f3930;
	--theme-color-text-accent:#8f292a;
	--theme-color-text-accent-lighter:#cfbf90;
	--theme-color-text-accent-lightest:#faf6ea;
	--theme-font-heading:"novantique-serif",sans-serif;
	}

/* CSS3 Goodness
*********************************************************/

::-moz-selection{
	background-color:var(--theme-color-text-accent);
	color:#ffffff;
	}
::selection{
	background-color:var(--theme-color-text-accent);
	color:#ffffff;
	}
	
a,
.content-footer-links.image-links li img{
	-moz-transition:all 0.2s ease;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	}
	
/* Helper Styles
**********************************************************/
	
.animate-in{
    -webkit-animation:fadeIn .5s ease-in;
    animation:fadeIn .5s ease-in;
	}

.animate-out{
    -webkit-transition:opacity .5s;
    transition:opacity .5s;
    opacity:0;
	}

@-webkit-keyframes fadeIn{
	
    from{ opacity:0; }
    to{ opacity:1; }
    
	}

@keyframes fadeIn{
	
    from{ opacity:0; }
    to{ opacity:1; }
    
	}
	
/* Text Styles
**********************************************************/

h1,
h2,
h3,
h4,
h5,
h6{
	font-family:var(--theme-font-heading);
	}
	
.section-events h2:after,
.section-posts h2:after,
.section-2-col h3:after{
	content:'';
	display:block;
	width:60px;
	height:3px;
	margin:20px 0;
	background-image:url('img/bg-gradient.svg');
	background-repeat:no-repeat;
	background-position:0;
	background-size:cover;
	}
	.content-heading.centred h2:after{
		margin:20px auto;
		}
	
.section-posts a.more-link,
.section-events a.dsm-readmore-btn,
.content-link a{
	display:inline-block;
	padding-bottom:0;
	color:var(--theme-color-text-accent) !important;
	border-bottom:1px solid var(--theme-color-text-accent) !important;
	}
	.section-events a.dsm-readmore-btn{
		text-decoration:underline;
		text-underline-offset:8px;
		}
		.section-posts a.more-link:hover,
		.content-link a:hover{
			color:var(--theme-color-text-primary) !important;
			border-bottom:1px solid var(--theme-color-text-primary) !important;
			}
			
.content-heading p{
	font-family:var(--theme-font-heading);
	}
			
.content-text p:first-of-type{
	font-size:115% !important;
	font-weight:normal !important;
	line-height:1.8 !important;
	}
			
/* Body Styles
**********************************************************/

html,
body,
#page-container{
	overflow-x:hidden !important;
	}
body{
	-webkit-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-webkit-text-size-adjust:100%;
	}
	@media only screen and (max-width:980px){
		
		body.has-dtb-before-header{
			padding-top:0 !important;
			}
			
		}
			
/* Header Styles
**********************************************************/

@media only screen and (min-width:1280px){
	
	.header-desktop{
		display:block;
		}
	.header-mobile{
		display:none;
		}
	
	}
	
@media only screen and (max-width:1280px){
	
	.header-desktop{
		display:none;
		}
	.header-mobile{
		display:block;
		}
	
	}

.header-desktop .dtb-menu{
	margin-bottom:0 !important;
	}
	.header-desktop li.cta-item{
		display:none !important;
		margin:0 0 0 24px !important;
		}
		
.hidden{
	opacity:0;
	visibility:hidden;
	transition:all 0.1s ease-in-out;
	}
	
.visible{
	opacity:1;
	visibility:visible;
	transition:all 0.1s ease-in-out;
	}
	
.hide-header{
    opacity:0;
    transform:translateY(-100%);
    transition:all 0.3s ease-in-out;
    position:fixed !important;
    z-index:10000;
    width:100%;
    background-color:transparent;
	}
	
.show-header{
    opacity:1;
    transform:translateY(0);
    transition:all 0.3s ease-in-out;
    z-index:10000;
    width:100%;
    top:0;
    background-color:transparent;
	}
	
#dtb-m-menu .et-social-icon a{
	border-radius:50% !important;
	}
	
.dtb_mobile #dtb-m-menu .dtb-mobile-menu li.cta-link>a{
	padding:10px 35px !important;
	}
	
#dtb-m-menu>.menu-wrapper>.nav-wrapper>ul.dtb-mobile-menu#mobile_menu2{
	display:none !important;
	}
	
/* Content Styles
**********************************************************/
	
@media only screen and (min-width:1500px){
	
	.content-feature{
		padding-right:8vw;
		}
	
	}

@media only screen and (max-width:1024px){
	
	.content-feature p{
		display:none;
		}
	
	}
	
@media only screen and (min-width:1200px){
	
	.row-divider:before{
		content:'';
		position:absolute;
		left:calc(50% - 1px);
		top:0;
		width:1px;
		height:100%;
		background-color:var(--theme-color-text-accent-lighter);
		}
		
	}
	
.section-events .dsm-entry-wrapper{
	padding:30px 0 !important;
	}
	
.section-events .dsm-post-carousel-item:hover h3.dsm-entry-title{
	color:var(--theme-color-text-accent) !important;
	}
	
.section-events .swiper-pagination-bullets .swiper-pagination-bullet{
	-moz-transition:all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
	height:10px;
	width:10px;
	}
	
.section-events .dsm_card_carousel_child:hover img{
	opacity:.7 !important;
	}
	
.section-events .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width:40px !important;
	border-radius:60px !important;
	}
	
.content-button a{
	background-color:var(--theme-color-text-accent) !important;
	padding:10px 40px !important;
	color:#fff !important;
	border-radius:42px;
	}
	
.fc-unthemed .fc-divider, 
.fc-unthemed .fc-list-heading td, 
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-empty{
	background-color:var(--theme-color-text-accent-lighter) !important;
	}
	
.fc-list-heading td{
	font-weight:400 !important;
	}
	
.fc-list-table td,
.fc-unthemed .fc-list-empty{
	font-family:'PT Serif',serif !important;
	}
	.fc-unthemed .fc-list-empty{
		padding:10px !important;
		}
	
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, 
.fc-unthemed .fc-list-heading td, 
.fc-unthemed .fc-list-view, 
.fc-unthemed .fc-popover, 
.fc-unthemed .fc-row, 
.fc-unthemed tbody, 
.fc-unthemed td, 
.fc-unthemed th,
.fc-unthemed thead{
	border-color:var(--theme-color-text-accent-lighter) !important;
	}

/* Footer Styles
**********************************************************/

.section-newsletter h3{
	padding-bottom:0 !important;
	}
	.section-newsletter:hover h3{
		color:#fff;
		}

.content-footer-links ul,
.content-footer-secondary-links ul{
	list-style:none;
	padding:0;
	margin:0;
	}
	.content-footer-links li{
		margin-bottom:5px !important;
		}
	.content-footer-links li a,
	.content-footer-secondary-links li a{
		color:var(--theme-color-text-primary);
		}
		.content-footer-links li a:hover,
		.content-footer-secondary-links li a:hover{
			color:var(--theme-color-text-accent);
			}
	.content-footer-links.image-links li{
		display:inline-block;
		margin-right:10px;
		}
		.content-footer-links.image-links li img{
			height:60px;
			filter:grayscale(0);
			}
			.content-footer-links.image-links li a:hover img{
				filter:grayscale(1);
				}
	@media only screen and (min-width:981px){
			
		.content-footer-secondary-links li{
			display:inline-block;
			}
			.content-footer-secondary-links li{
				margin-right:15px;
				}
			
		}
	
/* Back To Top Styles
**********************************************************/
	
.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll{
	bottom:35px;
	}
.et_pb_scroll_top:before{
    content:"\21";
	} 
.et_pb_scroll_top.et-pb-icon{
    right:0;
    bottom:120px;
    border-radius:0px;
    background:var(--theme-color-text-accent-lightest);
    color:var(--theme-color-text-primary);
    padding:20px;
    font-size:24px;
    transition:all .1s ease-in-out; 
	}
	.et_pb_scroll_top.et-pb-icon:hover{
	    background:var(--theme-color-text-accent);
	    color:#fff;
	    transition:all .1s ease-in-out;
		}
		
/* Tactical Button Styles
**********************************************************/
		
a.btn-tactical{
	display:block;
	z-index:1; 
	position:fixed;
	top:50%;
	right:-53px;	
	background-color:var(--theme-color-text-accent);
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	padding:6px 12px;
	letter-spacing:2px;
	text-indent:2px;
	font-weight:600;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform:rotate(90deg);
	}
	a.btn-tactical:hover{
		background-color:var(--theme-color-text-primary);
		color:#fff;
		}
	
/* Hide Recaptcha
*********************************************************/	
		
.grecaptcha-badge{
	visibility:collapse !important;
	opacity:0 !important;
	}