/*
	Theme Name: Cavendish Square
	Theme URI: http://www.cavendish.co.za
	Description: Cavendish Square is an award-winning shopping destination in Cape Town offering exclusive fashion, cinemas and premium restaurants and coffee shops.
	Version: 4.9.1x
	Author: Excellerate Brand Management
	Author URI: https://noveldesign.co.za
	License: Old Mutual Property
	License URI: http://www.cavendish.co.za
	Tags: Cavendish Square, Cape Town, shopping, destination,180 stores, exhibitions, gift card, movies, cinemas, cinema, competitions, events, promotions, mall, map, food, restaurants, brand, facilities
*/

/*------------------------------------*\
   ONLINE FONTS
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@700&display=swap');


/*------------------------------------*\
    MAIN
\*------------------------------------*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0 !important; }
body {font-family: 'Roboto', sans-serif; color: #333; font-size:14px;}

/* Backround Image : background-color:#ffffff; background-image:url(../img/backing.jpg); 
background-size: cover; background-repeat:no-repeat; background-attachment:fixed; */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

a {color: #333;text-decoration: none;}
a:hover {color: #000;}

::-moz-selection { background: #cccccc; color:#ffffff; padding:5px; }
::selection { background: #cccccc; color:#ffffff;padding:5px; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.navigation {  position:fixed; width:100%; z-index:9; padding-top: 10px; padding-bottom: 15px; background:rgba(0, 0, 0, 0);}

.navigation.sticky { 
-moz-transition: 0.5s; -o-transition: 0.5s;-webkit-transition: 0.5s; transition: 0.5s; background:rgba(0, 0, 0, 0.8) !important;
}

.logo { display:block; margin-top:15px; padding-bottom:0px; float:left; margin-right:15px; margin-left: 20px; width: 250px; height:160px; animation: bounce 1s; transition: all 0.4s ease-in-out 0s;}
.logo { max-width:100% !important; height:auto !important;}

.navigation.sticky .logo {
    width: 125px !important;
    transition: all 0.4s ease-in-out 0s;
	padding: 5px; 
}

.sliders {border-bottom: 0px solid #efefef; box-shadow: 0 4px 12px rgba(0,0,0,.2);}
.sliders section > div {width: 100%; margin:0 auto; overflow:hidden; }

.pagetop {padding-top:0px !important; max-height:320px; overflow:hidden; }
.pagetop section > div {width: 100%;position:relative; margin-bottom:5px; height:auto; }


#tpromo { padding:12px; border:1px #f3f3f3 solid; border-radius:6px;}

.timer {font-family: 'Roboto', sans-serif; font-weight:100;} 

.former {position:relative; z-index:999;}
.form1 {position:absolute; margin-top: 20px; right:0;}

.sub { width:300px; padding:10px; background-image:url(img/form.png); background-repeat:repeat; border-radius:6px; border:1px #ddd solid; display:block;}

#logo { display:block; padding-top:5px; padding-bottom:12px; float:left; margin-right:15px; }
#logo img { max-width:100%; height:auto;}

.breadcrumb {width:100%; padding:12px; background:#efefef; margin-top:10px; margin-bottom:10px; border-radius:3px; border:1px rgba(215, 25, 32, 0.05) solid;}
.copyright { text-align:center; }

.img-responsive { max-width: 100%;  height: auto;}
.blackfriday {color: #000 !important; font-weight: bold; background-color: darkred !important; }

/*------------------------------------*\
    FOOTER
\*------------------------------------*/

.footer { background-color:#222222; overflow:hidden;}
.footer section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left;   }
.footer p { font-size:15px; font-weight: 300; margin-top:0px; color:#ffffff;}

.additional { background-color:#333333; overflow:hidden; color:#ffffff; font-size:13px !important;}
.additional  section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left;   }
.additional p { font-size:13px !important; margin-top:0px; font-weight:300;}

.additional h2 {color:#c1af5a; margin: 0.75em 0 0.75em 0; font-family: 'Roboto', sans-serif; font-size:18px; text-transform: uppercase; font-weight:300; text-align: left; margin-top:0px; margin-bottom:10px; } 

.additional ul li {margin-left:-40px;}
.additional li { color:#fff; font-family: 'Roboto', sans-serif; font-size:13px !important; list-style:none; padding-bottom:5px; padding-top:5px; border-bottom:1px #222 dotted; }

.additional li:last-child{border:none;}

.additional a:link { text-transform:uppercase; text-decoration:none; color:#128078;}
.additional a:visited { text-decoration:none; color:#128078;}
.additional a:hover { text-decoration:none; color:#ccc;}
.additional a:active { text-decoration:none; color:#128078;}

.post-edit-link {display:none;}

.additional table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0px;
	width:100%;
	font-weight:300 !important; font-family: 'Roboto', sans-serif; font-size: 13px !important;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/


.main { background-color:#ffffff; padding-top: 20px; padding-bottom: 20px;  }

.main p { font-size:18px; margin: 0 0 10px; font-weight:300;}
.main ul li { font-size:18px; margin: 0 0 10px; font-weight:300;}

.main h1 {color: #222; font-family: 'Karla', sans-serif; font-size:38px;text-transform: uppercase; font-weight:700; margin-bottom: 2px; margin: 0.25em auto; } 

.main h2 {color: #333; margin: 0.75em 0 0.75em 0; font-family: 'Karla', sans-serif; font-size:32px; letter-spacing:0px; text-transform: uppercase; font-weight:700; text-align: left; margin-top:10px; margin-bottom:10px; } 

.main h2 a:link { text-decoration:none; color:inherit; }
.main h2 a:visited { text-decoration:none; color:inherit; }
.main h2 a:hover { text-decoration:none; color:inherit;}
.main h2 a:active { text-decoration:none; color:inherit;}

.main h3 {color:rgba(215, 25, 32, 1); margin: 0.75em 0 0.75em 0; font-family: 'Karla', sans-serif; font-size:25px; letter-spacing:1px; text-transform: uppercase; font-weight:700; text-align: left; margin-top:0px; margin-bottom:15px;} 

.main h4 {color: #222; font-family: 'Karla', sans-serif; font-size:22px;text-transform: uppercase; font-weight:700; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 
.main h4::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }

.main h5 {color: #222; margin: 0.75em 0 0.75em 0; font-family: 'Karla', sans-serif; font-size:25px; letter-spacing:1px; text-transform: uppercase; font-weight:700; text-align: center; margin-top:0px; margin-bottom:15px;} 
.main h5::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #222;width: 90px; }

.widgettitle {display: none;} 

.main img { max-width:100%; height:auto;}
.corner {border-radius:6px;}

#thumbz { max-width:100%; height:auto; border-radius:5px;}

#centerpromo {text-align:center !important; font-size:14px !important;}

.accordion-title {cursor:pointer;}
.pagetitle {background-color: rgba(215, 25, 32, 0.75);color: #fff !important; font-weight: 300; margin-top:-140px !important; z-index:1; position:absolute; padding:20px; border-radius: 4px;}
.pagetoptitle {display:none !important;}


.feat {	max-width:100%; height:auto;box-shadow: 0 4px 12px rgba(0,0,0,.2); vertical-align:middle; opacity: 0.85;}
.featl { max-width:100%; height:auto; box-shadow: 0 4px 12px rgba(0,0,0,.2);  vertical-align:middle; border-right:1px #eee solid;  border-radius:6px 0px 0px 0px; opacity: 0.85;}
.featr { max-width:100%; height:auto;box-shadow: 0 4px 12px rgba(0,0,0,.2); vertical-align:middle; border-left:1px #eee solid;  border-radius:0px 6px 0px 0px;opacity: 0.85;}

.feat:hover { opacity:1;}
.featl:hover { opacity:1;}
.featr:hover { opacity:1;}


.tag-cloud-link { padding:5px; border-radius:3px; background:#efefef; border:1px #ddd solid; color:#222; margin:3px; font-size:14px !important; line-height: 40px;
white-space: nowrap; }


/*------------------------------------*\
    NOTICES
\*------------------------------------*/

.notice p { font-size:18px; margin: 0 0 10px; font-weight:300;}
.notice h1 {color: #222; font-family: inherit; font-size:38px;text-transform: uppercase; font-weight:400; margin-bottom: 2px; margin: 0.25em auto; } 

/*------------------------------------*\
    GALLERY
\*------------------------------------*/


#gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center;   width: 31% !important;  margin: 1%; padding:0.5%; border:1px #eee solid; border-radius: 4px;}
#gallery-1 img { border: 1px solid #eeeeee !important;}

.wp-caption .wp-caption-text, .gallery-caption {font-family: 'Roboto' !important; text-align:left; font-size:18px !important; color:#222;  margin-top: 10px !important; font-weight: 300;}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {font-family: 'Roboto' !important; text-align:left; font-size:16px !important;font-weight: 300;}

.wp-caption-text gallery-caption h4 {top:0 !important; display:block; margin-top:0px !important;}

@media screen and (max-width: 800px) {
	
#gallery-1 .gallery-item { margin-top: 10px; width: 100% !important;}	

}

/*------------------------------------*\
    HOME FEATURE
\*------------------------------------*/

#whatson {margin: 0;padding: 18px;}

/*Home Features*/
.feature-rotate { list-style: none; margin: 0;  padding: 0;}
.feature-rotate li { margin: 0; padding: 0; margin-top:0px !important;}
.home-read-more { display: block; position: absolute; padding: 22px 22px; border-radius: 50%; background-color: #57c4ba; color: #fff; left: 42%; top: -40%; text-align: center; z-index: 100; -moz-transition: 0.2s; -o-transition: 0.2s;-webkit-transition: 0.2s; transition: 0.2s; font-weight: 300; text-transform: uppercase;font-family: 'Roboto', sans-serif;}
.home-read-more span { font-size:16px;}
.home-feature-item { border: 1px solid #ddd;box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);overflow: hidden;border-radius: 5px !important;}
.home-feature-item:hover .home-feature-item-bg { opacity: 0.7;}
.home-feature-item:hover .home-read-more { top: 40%;}
.home-feature-item a { color: #fff; position: relative; overflow: hidden; display: block; margin-top:-10px;}
.home-feature-item-bg {  height: 400px;  background-size: cover;-moz-transition: 0.2s;-o-transition: 0.2s;-webkit-transition: 0.2s; transition: 0.2s;}
.feature-tbl-lg {  display: none;}
.feature-tbl-sm { display: block;}
.home-feature-item-content {  padding: 15px;background-color: #333; border-bottom: 1px solid #666;  min-height: 85px; color:#fff; text-transform:uppercase; font-weight:300;}
.home-feature-item-content span {text-transform: uppercase; font-size: 12px;}
.home-feature-item h3 {  margin: 0; font-family: 'Roboto', sans-serif; text-transform: uppercase; font-size: 17px; font-weight: 700; color:#fff;}
.home-feature-item-content .btn-default { background-color: #222; color: #fff; text-transform: uppercase; padding: 12px; font-size: 11px;}

#feat_tenant {background:#FFFFFF; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page1 {background-color:#dde8e7; overflow:hidden; text-align:center;}
.page1 section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 30px 10px 30px 10px; vertical-align:text-top; }

.page1 p {font-weight: 300; font-size: 14px; bottom: 0; color: #222; text-align:center;}

.page1 h1 {color: #222; font-family: 'Karla', sans-serif; font-size:38px;text-transform: uppercase; font-weight:300; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 
.page1 h1::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }

.page1 h2 {font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 300; color: #57c4ba; font-size: 26px; margin-bottom: 0.75em;}

.pagebutton { background:transparent; width:auto; margin-right:10px; padding:12px; font-size:12px; border-radius:3px; border:2px #fff solid;}
.pagebutton:hover {animation: bounce 1s; background:#fff; color:#333 !important; -webkit-transition: -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;}

@keyframes bounce {0%, 20%, 60%, 100% {	-webkit-transform: translateY(0); transform: translateY(0);	}40% { -webkit-transform: translateY(-20px); transform: translateY(-20px);}
80% {-webkit-transform: translateY(-10px);	transform: translateY(-10px);	}}

.page1 a:link {  text-transform: uppercase; text-decoration:none; color:#d71920;}
.page1 a:visited { text-decoration:none; color:#d71920;}
.page1 a:hover { text-decoration:none; color:#d71920;}
.page1 a:active { text-decoration:none; color:inherit;}

/*------------------------------------*\
    PROMO
\*------------------------------------*/

.promo { overflow:hidden !important;  background-color:#dde8e7; }
.promo section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 30px 10px 30px 10px; vertical-align:text-top;  }

.promo h1 {color: #222; font-family: 'Karla', sans-serif; font-size:38px;text-transform: uppercase; font-weight:300; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 
.promo h1::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }

.promo h2 {font-family: 'Roboto', sans-serif; text-transform: uppercase; font-weight: 700; color: #222; font-size: 24px; margin-top:0px; margin-bottom: 0.75em;}

.promo p {font-weight: 300; font-size: 13pt; bottom: 0; color: #222;}
.promo img {max-width:100%; height:auto;}

#feat { padding-left:15px; }
.featst {background-color: #128078; color: #fff;text-transform: uppercase;font-weight: 300;padding: 0.55em;border-radius: 5px;margin: 10px 0;font-family: 'Roboto', sans-serif;font-size: 11px;}

.event-list {margin-top: 0;display: inline-block;  padding: 0 0 10px 0; margin-bottom: 15px; border-bottom: 2px solid rgba(215, 25, 32, 0.5); font-size: 24px !important;
margin-bottom: 1.25em; padding: 0;font-weight: 700 !important;text-transform: uppercase; color: #777 !important;}

.eventimg {border:1px #ccc solid;}

.badge {background-color: #128078;color: #fff;text-transform: uppercase;font-weight: 300;padding: 0.55em;border-radius: 5px;margin: 10px 0;font-family: 'Roboto', sans-serif;font-size: 11px;}

.tenantpromo { color:#222 !important;}


/*------------------------------------*\
    ABOUT SECTION
\*------------------------------------*/

.roundimg {border-radius: 50%; float:right;}

.about { background-color:#f1f1f1; overflow:hidden; text-align:center;}
.about section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 30px 10px 30px 10px; vertical-align:text-top; }

.about p {font-weight: 300; font-size: 15px; bottom: 0; color: #333; width: 100%; padding-bottom:40px;}
.about h1 {color: #222;font-family: 'Karla', sans-serif;font-size:38px;text-transform: uppercase; font-weight:300; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 
.about h1::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }

.shadow {box-shadow: 0 4px 12px rgba(0,0,0,.2); width:500px !important;}

.about img {max-width:100%; height:auto;}


/*------------------------------------*\
    FOOTER EXTRA
\*------------------------------------*/


.blocka { background-color:#dde8e7; overflow:hidden; text-align:center;}
.blocka section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 30px 10px 30px 10px; vertical-align:text-top; }

.blocka:empty {
   display: none;
}

.blocka p {font-weight: 300; font-size: 15px; bottom: 0; color: #333; width: 100%; padding-bottom:40px;}
.blocka h1 {color: #222; font-family: 'Roboto', sans-serif; font-size:38px;text-transform: uppercase; font-weight:300; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 
.blocka h1::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }

#blocka3 {background:#ffffff; box-shadow: 0 4px 12px rgba(0,0,0,.2); padding-bottom: 2.25em; min-height:380px; padding:10px;}
#blockb3 {background:#ffffff; box-shadow: 0 4px 12px rgba(0,0,0,.2); padding-bottom: 2.25em; min-height:380px;padding:10px;}
#blockc3 {background:#ffffff; box-shadow: 0 4px 12px rgba(0,0,0,.2); padding-bottom: 2.25em; min-height:380px;padding:10px;}

.blocka img {max-width:100%; height:auto; margin:0 auto !important; text-align:center;  height: 120px; width: auto; padding-top: 2.25em;}

.blocka h4 {color: #222; font-family: 'Roboto', sans-serif; font-size:16px;text-transform: uppercase; font-weight:300; text-align: center; margin-bottom: 2px;padding-top: 1.25em; margin: 0.25em auto; } 
.blocka h4::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }


/*------------------------------------*\
    IG
\*------------------------------------*/

.instagram { overflow:hidden; border-bottom:#e8e8e 3px solid;}
.instagram section > div {width: 90%; max-width: 1140px; margin:0 auto; padding: 30px 10px 30px 10px; vertical-align:text-top; }

.instagram h1 {color: #222; font-family: 'Karla', sans-serif; font-size:38px;text-transform: uppercase; font-weight:300; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 
.instagram h1::after {content: "";display: block;margin: 0.45em auto;border-bottom: 2px solid #d71920;width: 90px; }

.instagram  p { text-align:center; color: #d71920; text-transform: uppercase; font-weight: 300; font-size:14px;}

.instagram a:link { text-decoration:none; color:#d71920;}
.instagram a:visited { text-decoration:none; color:#d71920;}
.instagram a:hover { text-decoration:none; color:#d71920;}
.instagram a:active { text-decoration:none; color:inherit;}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.widgettitle {color: #333; font-family: 'Roboto', sans-serif; font-size:18px; letter-spacing:2px; text-transform: uppercase; font-weight:100; text-align: left; margin-top:10px; margin-bottom:10px; }

/*------------------------------------*\
    TABLES
\*------------------------------------*/

table {font-weight:300 !important; font-family: 'Roboto', sans-serif; font-size: 18px;}


td,th { padding: 18px 18px;}



/*------------------------------------*\
    SECTIONS
\*------------------------------------*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

#colsection {margin-bottom:-20px; margin-top:-20px; overflow:hidden;}
#colsection .col {margin:0%;}

#colsection .span_1_of_2 {
	width: 50%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; }

.colfeat {display: block; float:left; margin:0px;}
.colstore {display: block; float:left; margin:0% 0 0% 1.6%;}

.colcomp {display: block; float:left; margin:0px;}
.colevent {display: block; float:left; margin:0% 0 0% 1.6%;}


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	button { width:80% !important;}

}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

#featxt { padding-right:10px; }


@media only screen and (max-width: 800px) {

	
	.mobile-caption {margin-top:0px !important; transition: 0.3s !important;}
	.swiper-slide {height:550px !important; transition: 0.3s !important;}
	#feat { padding-left:0px; border:none; }
	.promo img {border:none !important;}
	
	#logo {max-width: 120px !important;}
	#featxt { padding:10px; }
	#colsection .span_1_of_2 {width: 100%;}
	#colsection {margin-bottom:0; margin-top:0; overflow:auto;}
	
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	
	.logo {width: 125px !important; height:80px !important; animation: bounce 1s; transition: all 0.4s ease-in-out 0s;}
		
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 800px) {

	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


/*  GRID OF FIVE  */
.span_5_of_5 {
	width: 100%;
}
.span_4_of_5 {
	width: 79.68%;
}
.span_3_of_5 {
	width: 59.36%;
}
.span_2_of_5 {
	width: 39.04%;
}
.span_1_of_5 {
	width: 18.72%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
}


/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media screen and (max-width: 55em) {


.main {border:none;}
.hometop { float:none !important; text-align:center !important;}

.former {position:none;}
.form1 {position:inherit; margin-top: 20px; margin: 0 auto !important;}
.sub { width: 100% !important;}

}

@media screen and (max-width: 800px) {


.pagetop {background-repeat:no-repeat !important; background-size: cover;transition: none;}
.pagetop:hover { background-size: cover !important; transition: none !important;}
.pagetitle {margin:0px !important; padding:10px; z-index:0;  position: inherit; -moz-transition: 0.5s; -o-transition: 0.5s;-webkit-transition: 0.5s; transition: 0.5s;}

#feat { min-height:auto;}
#eventa { background-size:cover !important; margin:0px; border-bottom:5px #fff solid !important; height:auto; } 
#competa { background-size:cover !important;  border:none !important; margin:0px;}

.pagebutton { background:#333 !important;}
.pagebutton:hover {color:#ccc !important;}

#aboutright {display:none;}
#shopright {display:none;}

}

label.screen-reader-text {display:none; }

.add-info {border:#ccc 1px solid;}

.add-info h3 {background-color: #128078; font-size:16px; font-weight:300; color: #fff;font-family: 'Roboto', sans-serif;text-transform: uppercase;border-radius: 0; margin:0px !important; margin-bottom:2px; padding: 15px;}
.add-info ul {list-style:none; display:list-item; margin-left:-40px; margin-top: 0px; margin-bottom: 0px; }
.add-info li { line-height:22px; padding: 10px;  margin:0px !important; background:#fafafa; border-bottom:#ccc 1px solid;}

.add-info li:last-child{border:none;}

/*------------------------------------*\
	BUTTONS & FORMS
\*------------------------------------*/


input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="input"],

button

{ padding: 11px; margin-bottom: 5px; margin-top:5px; text-align:center; display:inline-block; white-space:nowrap; background-color:#000; border: 2px solid #000; border-radius:3px; font-weight:300;font-family: 'Roboto', sans-serif; font-size: 14px; color:#fff !important; border:none; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important;  }


input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="input"]:hover

{ padding: 12px 35px 12px 35px; text-align:center; display:inline-block; white-space:nowrap; background-color:rgba(255, 255, 255, 0.4);  border:3px #fff solid; font-weight:normal;font-family: 'Roboto', sans-serif; font-size:14px !important; color:#fff !important; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important; }

.view-article {padding:5px; border-radius:3px; background-color: rgba(215, 25, 32, 1); color:#ffffff; margin:3px; line-height:37px; border:0px #ccc solid; }

.view-article:hover { background-color:#e8e8e8; color:#222; border-radius:3px; margin:3px; }

.page-numbers {padding:5px; border-radius:3px; background:#efefef; color:#333 !important; margin:2px; line-height:37px; border:1px #ccc solid;}


.topbut { margin:5px !important;}
.rsvpBorderTop { padding:12px;}
.rsvpBorderTop {border:1px #e8e8e8 dotted;}
.rsvpFormField {margin: 25px 0px;}


input[type=checkbox],
input[type=radio   ]{
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox] + label,
input[type=radio   ] + label{
  display      : inline-block;
  margin-left  : 0px;
  padding-left : 28px;
  background   : url('checks.png') no-repeat 0 0;
  line-height  : 24px;
}

input[type=checkbox]:checked + label{
  background-position : 0 -24px;
}

input[type=radio]:checked + label{
  background-position : 0 -48px;
}


iframe, video {
  max-width: 100% ;
 
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.loca { color: #fff !important; font-size:21px; padding-bottom:25px; padding-top:25px;}
.loca ul {list-style:none; text-align:center; margin-left:-40px; }
.loca li {display:inline-block !important; margin:5px !important; padding-top:20px; background-color:#a7a9ac ; border-radius:12% ;width: 65px; height: 65px;}
.loca li:hover { background-color:#222 !important;}

.loca a:active { text-decoration:none; color:#fff;}.loca a:visited { text-decoration:none; color:#fff;}.loca a:link { text-decoration:none; color:#fff;}.loca a:visited { text-decoration:none; color:#fff;}

.search-input {width:220px; padding:20px;}
.search-submit {padding:19px; border-radius: 6px; background-color: #d71920; margin-left: 5px;}
.search-submit:hover {background:#333333;}

.sitesearch search-input {width:100% !important; padding:12px !important; color:#333;}

input { width:100%; padding:10px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px; margin-bottom:10px; }

textarea { width:100%; padding:6px; margin-bottom:10px; border:#ccc 1px solid;  margin-top:3px;font-family: 'Roboto', sans-serif; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px;}

.forms select { width:100%; padding:9px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important; color: #999; cursor: pointer; background: #fff url(img/drop-down-arrow.png) no-repeat right center; background-size: 40px 37px; -webkit-appearance: none; -moz-appearance: none;border-radius:3px; -webkit-border-radius:3px; }

label { width:100%; color:#333; font-size:16px; letter-spacing:1px;font-family: 'Roboto', sans-serif; font-weight:400; }


.rsvpParagraph {font-family: 'Roboto', sans-serif; font-size:16px !important; margin-bottom:5px;}
#addRsvp {margin-top:-60px; cursor:pointer;}

/*------------------------------------*\
    SOCIAL MEDIA LINKS
\*------------------------------------*/

#social {float:right; margin-top:12px;}


@font-face {
    font-family: 'si';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    margin-right: 5px;
    color: #222;
    background-color: #f1f1f1;
}


#facebook {}

.soc li a:hover { color: #222; background-color: #f1f1f1;  
-webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'\e041'; 
}
.soc-instagram:before {
    content:'\e057';
}
.soc-twitter:before {
    content:'\e040';
}
.soc-pinterest:before {
    content:'\e043';
}
.soc-rss:before {
    content:'\e071';
}


/*------------------------------------*\
    MENU
\*------------------------------------*/

.menutab {float:right; margin-top:12px;}
.menutab ul {list-style:none !important; display:inline-block;}
.menutab li {list-style:none !important; display:inline-block; margin-left:-30px; }

.valentines {background:rgba(215, 25, 32, 0.6); color:#fff !important;}

.openmenu { font-size:auto; border-radius:3px; padding:10px;  color:#ffffff; cursor:pointer; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:600; transition: background-color 0.5s ease; height:32px; letter-spacing:2px;}
.openmenu:hover {color: #fff; background-color: transparent;}


.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.95);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center !important;
}

.sidenav a {
    padding: 12px;
    text-decoration: none;
	font-family: 'Roboto', sans-serif; font-size:16px; font-weight: 300; 
    color: #fff; text-transform:uppercase;
    display: block;
    transition: 0.3s;

}

.sidenav ul {margin-left:-40px; list-style:none;}
.sidenav li {border-bottom:1px #1a1a1a solid;}

.sidenav a:hover{
    color: #d71920;
}

ul .sub-menu { margin-left:-40px;}

ul .sub-menu a:link { font-size:12px; color:#d71920;}
ul .sub-menu a:hover { font-size:12px; color:#cccccc;}
ul .sub-menu a:visited { font-size:12px; color:#d71920;}
ul .sub-menu a:active { font-size:12px; color:#d71920;}


.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav .closebtn:hover {
    color: #d71920;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.comments { display:none;}

.fancy { line-height: 1;text-align: center; }
.fancy span {  display: inline-block; position: relative; }
.fancy span:before,
.fancy span:after { content: ""; position: absolute;height: 8px;border-bottom: 2px solid #fff;border-top: 2px solid #fff;top: 10px;width: 230px; }
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after { left: 100%;margin-left: 15px;}



/*------------------------------------*\
    CAROUSEL
\*------------------------------------*/

/* carousel fullscreen */

.carousel-fullscreen .carousel-inner .item {
    height: 80vh; 
    min-height: 400px; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-size: cover;
}


/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-caption {
    top: 50%;  
    bottom: auto;
    -webkit-transform: translate(0, -50%); 
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%);
}

/* overlay for better readibility of the caption  */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    transition: all 0.2s ease-out;
}


/* demo typography */


.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover
{
    color: #fff;
}

#carousel-example-generic {
    margin: 40px 0;
}

/* carousel fade */
/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-caption {text-align: left;}


/*------------------------------------*\
    SLIDERS
\*------------------------------------*/


/*------------------------------------*\
    MODALS
\*------------------------------------*/

/* The Close Button */
.close {
    color: #000 !important;
    float: right;
    font-size: 32px !important;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
} 

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab ul li {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
	list-style:none;

}

/* Change background color of buttons on hover */
.tab ul li:hover {
    background-color: #ddd;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

/*------------------------------------*\
	POPUPS
\*------------------------------------*/