/*
	Theme Name: Vincent Park
	Theme URI: http://www.vincentpark.co.za
	Description: A place where friends meet. Some old. Some new. Situated in the heart of East London, Vincent Park provides secure and hassle-free shopping. With a choice of over 75 stores, including banks, eateries and your favourite retail outlets, we have just what you need.
	Version: 2.0
	Author: Joshua Wolfe - Novel Design
	Author URI: https://noveldesign.co.uk
	License: Old Mutual Properties
	License URI: https://www.vincentpark.co.za
	Tags: Vincent Park, East London, South Africa, Shopping Centre, Mall, Shopping, Dining, Play

*/

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

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;900&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: 'Poppins', 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 {text-decoration:none !important; color: #777; transition: all 0.4s ease-in-out 0s;}

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

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

.navigation { border-top: 1px #e8e8e8 solid; position:fixed; width:100%; z-index:9; bottom: 0; padding-bottom: 15px; background:rgba(255, 255, 255, 0.9);}

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

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

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

.navigation.sticky .storenav { background: rgb(142, 51, 85); transition: 0.3s; }
.navigation.sticky .storenav a:active {color: #fff !important;}
.navigation.sticky .storenav a:link {color: #fff !important;}
.navigation.sticky .storenav a:visited {color: #fff !important;}
.navigation.sticky .storenav a:hover {color: #222 !important;}


.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; }

.sliders h1 {color:#fff; font-family: 'Poppins', sans-serif; font-size:48px;  font-weight:700;  margin-top:10px; margin-bottom:10px;} 
.sliders p {font-family: 'Poppins', sans-serif; color:#fff; font-size:18px !important; margin-top:0px; font-weight:300;  }

#postx {max-width: 720px;}

.hashtag {font-family: 'BacklashSmallCaps', sans-serif  !important; font-size:5vw !important; text-transform: lowercase !important; font-weight: normal !important;}


#generic { background-image: url('/wp-content/uploads/inner-mast.jpg'); background-size: cover; }


.pagetop { padding-top:0px !important; height: 320px; max-height:320px; overflow:hidden !important; background:#e8e8e8; background-size:cover;}

#pgzoom {filter: grayscale(0%); -webkit-transition: all 1s; transition: all 1s; }
#pgzoom:hover { -webkit-transition: all 1s; transition: all 1s; }

.pagetop_feat { position: relative; max-height: 320px; overflow: hidden; background: #e8e8e8;}

.pgff { background-size: cover; background-attachment: fixed;}

.pagetop_feat img { overflow:hidden; width: 100%; height: auto; background-size: cover; -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */ filter: blur(0px);  -webkit-transition: all 1s; transition: all 1s;  }
.pagetop_feat img:hover { background-size: 100%;  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */  -webkit-transition: all 1s; transition: all 1s; }


.pagetop h1 {color:#ffffff; margin:0em 0em 0.45em 0em ; font-family: 'Poppins', sans-serif; font-size:38px; text-transform: uppercase; font-weight:300;  text-align: left; } 

.pagetop h1 a:link { text-decoration:none; color:inherit; font-weight: 300; }
.pagetop h1 a:visited { text-decoration:none; color:inherit; font-weight: 300; }
.pagetop h1 a:hover { text-decoration:none; color:inherit; font-weight: 300;}
.pagetop h1 a:active { text-decoration:none; color:inherit; font-weight: 300;}

.breadcrumb_last {font-weight: 700;}


#page_ex {height: 120px; -webkit-animation: bgcolor 20s infinite; animation: bgcolor 20s infinite; -webkit-animation-direction: alternate;  animation-direction: alternate; }

@keyframes bgcolor {
    0% {
        background-color: #f89327
    }

    30% {
        background-color: #da205f
    }

    60% {
        background-color: #bfd630
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #a12061
    }
}

/*------------------------------------*\
    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; } 

/*------------------------------------*\
    BLOG LAYOUT
\*------------------------------------*/

#blog-post {border-radius: 3px; padding: 10px; }

#blog-post:nth-child(even) {
  background: #f7f7f7;;
}

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

.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;}

#loop_img img { width: 100%;height: auto;max-height: 247px;object-fit: cover !important;overflow: hidden;}

#pthumb {opacity: 1; overflow: hidden; border-radius: 3px;}
#pthumb:hover { opacity: 0.8; transition: 0.7s;}
#pthumb img {display: block; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; transition: all 0.7s;}
#pthumb:hover img {-moz-transform: scale(1.20); -webkit-transform: scale(1.20); transform: scale(1.20);}

.tags {font-size: 16px !important; font-weight: 300 !important; padding-top: 20px; border-top: #e8e8e8 1px solid; margin-top: 0px;}

.tags a:active { text-decoration:none; padding: 2px; color: #333; border-radius: 4px; margin: 3px; }
.tags a:link { text-decoration:none; padding: 2px; color: #333; border-radius: 4px; margin: 3px; }
.tags a:hover { text-decoration:none; padding: 2px; color: #333; border-radius: 4px; margin: 3px; }
.tags a:visited { text-decoration:none; padding: 2px; color: #333;  border-radius: 4px; margin: 3px; }

.sitepost ul {margin-left: -40px;}
.sitepost li {list-style: none !important; display: list-item; padding: 0px 0px 10px 0px; border-bottom: 1px #ccc dotted; }

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

.footer { background: rgb(255, 255, 255); overflow:hidden; min-height: 90px; padding: 10px 0px 10px 0px;}
.footer p { font-size:15px; font-weight:300; margin-top:0px; color:#ffffff;}

.footer a:link {text-decoration:none; color:#efefef;}
.footer a:visited { text-decoration:none; color:#efefef;}
.footer a:hover { text-decoration:none; color:#033637;}
.footer a:active { text-decoration:none; color:#efefef;}


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

.extra {  background: #f4f4f4; background-position:0% 50%; overflow:hidden; color:#222; }
.extra p {font-family: 'Poppins', sans-serif; font-size:20px !important; margin-top:0px; font-weight:300;}
.extra h1 {color:#222; margin: 0.75em 0 0.75em 0; font-family: 'Poppins', sans-serif; font-size:35px; text-transform: uppercase; font-weight:700; text-align: left; margin-top:0px; margin-bottom:0px; } 

.extra h3 {color:#fff; margin: 0.75em 0 0.75em 0; font-family: 'Poppins', sans-serif; font-size:30px; text-transform: uppercase; font-weight:normal; text-align: left; margin-top:0px; margin-bottom:6px; } 

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

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

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

#gcard {padding-top:120px;}
#gcard-img {padding-top:60px;}

.tdhours td th {
font-size: 15px; max-height: 50px;
	/*filter: invert(100%) sepia(0%) saturate(7370%) hue-rotate(332deg) brightness(131%) contrast(122%);*/
}

/*------------------------------------*\
    DISPLAY BLOCKS 
\*------------------------------------*/

.displayb { overflow:hidden; color:#fff;  border-bottom:1px #efefef solid; }
.displayb p {font-family: 'Poppins', sans-serif; color:#fff; font-size:18px; margin-top:0px; font-weight:300;}

.displayb h1 {color:#fff; margin: 0.75em 0 0.75em 0; font-family: 'Poppins', sans-serif; font-size:40px; text-transform: uppercase; font-weight:900; animation: bounce 1s; margin-bottom: 10px; } 

#displayed { background-image: url('/wp-content/uploads/stored.jpg');  background-size: cover; background-position: 0% 0%; min-height: 700px; padding-top: 120px;  }
#blockb { margin-top:30px; margin-bottom: 30px;}

@media only screen and (max-width: 800px) {
    
.navigation { border-bottom: 1px #e8e8e8 solid; position:absolute; top: 0 !important; height: 90px; padding-bottom: 15px;}
.footer { min-height: 0px; padding: 0px;}
	
.logo {width: 260px !important;}   
.pagetop h1 {font-size:28px; text-transform: 0.5;} 


}

/*------------------------------------*\
    CSS Functions
\*------------------------------------*/


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

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


.main { background-color:#ffffff; padding: 30px 10px 30px 10px;text-align:left;  margin-top:20px; position: relative; }

.main section > div:empty { padding:none !important;}

.main p { font-size:16px; margin: 0 0 10px; font-weight:300;}
.main ul  { list-style: none; }
.main  li { font-size:16px; margin: 0 0 10px; margin-left: -40px; font-weight:300;}



.main h1 {color:#18abb5; margin:0em 0em 0.45em 0em ; font-family: 'Poppins', sans-serif; font-size:42px; text-transform: uppercase; font-weight:700;  text-align: left; } 

.pagetitle { background: rgb(142, 51, 85, 0.8);color:#fff !important;  margin-top: 80px !important; z-index: 1; position: absolute; padding: 22px; border-radius: 4px; margin-right: 15px !important;}

.main h2 {color: rgb(142, 51, 85); margin: 0.75em 0 0.75em 0;font-family: 'Poppins', sans-serif; font-size:25px; 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: rgb(9, 164, 148); margin: 0em 0 0.45em 0; font-family: 'Poppins', sans-serif; font-size:25px; text-transform: uppercase; font-weight:700;  text-align: left;} 

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

.main h5 {color:#222; margin: 0px; font-family: 'Poppins', sans-serif; font-size:20px; text-transform: uppercase; font-weight:300;  text-align: left;} 
.widgettitle {display: none !important;} 

.main img { max-width:100%; height:auto; border-radius: 4px; border: 1px #f9f9f9 solid;}

.rounded img {border-radius:6px !important;} 
.corner {border-radius:6px;}

#slideout {
  transition: margin-right .5s;
  padding: 16px;
}

.flex-control-thumbs li {margin: 0px 2px 0px 0px !important;}

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

.accordion-title {cursor:pointer;}
.pagetoptitle {display:none !important;}

.tag-cloud-link { padding:8px; border-radius:3px; background:#033637; border:0px ; color:#fff; margin:3px; font-size:15px !important; line-height: 40px;
white-space: nowrap; font-weight: 300; }

/*------------------------------------*\
    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;}	
.logo {margin-left: 0px;}
	
}


/*------------------------------------*\
    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: 'Poppins', 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 #222222;width: 90px; }

.page1 h2 {font-family: 'Poppins', 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: 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:#222222;}
.page1 a:visited { text-decoration:none; color:#222222;}
.page1 a:hover { text-decoration:none; color:#222222;}
.page1 a:active { text-decoration:none; color:inherit;}


/*------------------------------------*\
    MOVIES
\*------------------------------------*/


#movies p {

    line-height: 13px;
    font-size: 13px;
    min-height: 30px;

}

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

.promo { overflow:hidden !important;  background-color:#ffffff; margin:0 auto; padding: 30px 10px 30px 10px; vertical-align:text-top;}

.promo h1 {color: #222; font-family: 'Poppins', sans-serif; font-size:38px;text-transform: capitalize; font-weight:300; text-align: center; margin-bottom: 2px; margin: 0.25em auto; } 

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

.promo p {font-weight: 300; font-size: 15px; bottom: 0; color: #333;}
.promo img {max-width:100%; height:auto;}

.featst {background-color: #182e45; color: #fff;text-transform: uppercase;font-weight: 300; padding: 0.75em;border-radius: 5px;margin: 10px 0;font-family: 'Poppins', sans-serif;font-size: 12px !important;}

.featno {background-color: #0551a9; color: #fff;text-transform: uppercase;font-weight: 300; padding: 0.75em;border-radius: 5px;margin: 10px 0;font-family: 'Poppins', sans-serif;font-size: 14px !important;}

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

.txt-co {    background: rgba(255, 255, 255, 0.7); padding: 10px;  margin: -12px; min-height:220px;}

#socialr {  background-image: url(/wp-content/uploads/social-resp.jpg); background-size:cover; min-height: 300px;padding: 12px;border-radius: 5px; margin-left:-10px; margin-bottom:10px; }
#profiles {  background-image: url(/wp-content/uploads/director.jpg); background-size:cover; min-height: 300px;padding: 12px;border-radius: 5px; margin-left:10px; margin-bottom:10px; }

/*------------------------------------*\
    aboutus SECTION
\*------------------------------------*/


.aboutus { background-color:#222222; overflow:hidden; text-align:left; min-height:250px; background-image: url(img/promenade-footer.jpg); background-repeat:no-repeat; 
background-position:bottom, center; padding:22px 12px 12px 12px;}

.aboutus:empty {
   display: none;
}

.aboutus p {font-weight: 300; font-size: 15px; bottom: 0; color: #fff; width: 100%; padding-bottom:3px;}

.aboutus a:link {text-decoration:none; color:#efefef;}
.aboutus a:visited { text-decoration:none; color:#efefef;}
.aboutus a:hover { text-decoration:none; color:#d79b9d;}
.aboutus a:active { text-decoration:none; color:#efefef;}

.aboutus h2 {color: rgb(9, 164, 148);font-family: 'Poppins', sans-serif; font-size:24px;text-transform: uppercase; font-weight:700; text-align: left; margin-bottom: 2px; margin: 0.25em auto; } 

.aboutus button {background:transparent; border:2px #fff solid; text-align:center; font-size:13px; font-weight:300px; font-family: 'Poppins', sans-serif;} 


.aboutus ul li {margin-left:-40px;}
.aboutus li { color:#fff; font-family: 'Poppins', sans-serif; font-weight:300; font-size:15px !important; list-style:none; padding-bottom:5px; padding-top:5px; }

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

/*------------------------------------*\
    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: 'Poppins', 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 #222222;width: 90px; }

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

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

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



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

table {font-weight:300 !important; font-family: 'Poppins', sans-serif; font-size: inherit;}
th {font-weight:100 !important; font-family: 'Roboto', sans-serif; font-size: inherit;}

/*------------------------------------*\
    NAV, PILLS
\*------------------------------------*/

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #444341 !important;
}

.nav-tabs > li {margin-bottom: -1px !important; margin-left: 0px;}

@media only screen and (max-width: 800px) {
	
.nav-tabs > li > a {margin-right: 0px; border: 0px;border-radius: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {background-color: #e1e1e1; border: 0px;} 
.nav-tabs > li { width: 100%; border: 1px #e1e1e1 solid;margin: 5px 0 !important;  margin-bottom: 5px;}
}

/*------------------------------------*\
    DIGITAL ELEMENTS
\*------------------------------------*/

#bg-video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.vidtext {
  z-index: 1;
  position: absolute;
}

#cta2 { background:#efefef; height:450px; overflow:hidden; color:#fff; padding:12px; position:relative;}

/*------------------------------------*\
    SECTIONS, HR ETC
\*------------------------------------*/


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

@media screen and (max-width: 55em) {
	
.widget1 h1, .widget2 h1, .widget3 h1, .widget4 h1 { font-size: 25px;}

.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;}

}

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

.add-info {border:#e8e8e8 1px solid; border-radius:6px;}

.add-info h3 {background-color: #222222; font-size:16px; font-weight:300; color: #fff;font-family: 'Poppins', sans-serif;text-transform: uppercase;border-radius: 6px 6px 0px 0px; 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: 15px; margin-bottom: 5px; margin-top:5px; text-align:center; display:inline-block; white-space:nowrap; background-color:#f58e86;  border-radius:3px; font-weight:300;font-family: 'Poppins', sans-serif; font-size: 14px; color:#fff !important; border:none; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important;  }

.blk_trans { background:transparent; border:2px #fff solid; color:#fff !important; border-radius:4px;}
.wh_trans { background:transparent; border:2px #fff solid; color:#fff !important; border-radius:4px;}

.clearbut { background:transparent; width:auto; padding:9px; margin-right:10px; font-size:14px; border-radius:3px; border:2px #870000 solid; color:#870000 !important;}

.view-article { background:#333; color:#fff; padding:10px; border-radius:3px; display: block; max-width: 120px; border:1px #333 solid; margin: 5px 5px 5px 0px; white-space: nowrap; text-align: center;}
.view-article:hover { background:#222; text-decoration: none;}


.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;
}



.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 {max-width:65%; padding:15px;}
.search-submit {border-radius: 6px; background-color: #222222; 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: 'Poppins', sans-serif; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px;}

.form 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: 'Poppins', sans-serif; font-weight:400; }


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

#social {margin-top:5px; text-align: center;}
#sociald {margin-top:5px; text-align: left;}


.soc {overflow:hidden; margin:0; padding:0; list-style:none;}
.soc li { display:inline-block;*display:inline;}
.soc li a {text-align:center; margin-right: 5px; display:block;   position: relative; z-index: 1; font-size: 28px;  color: #fff;}

.socd {overflow:hidden; margin:0; padding:0; list-style:none;}
.socd ul {margin-left: -40px;}
.socd li { display:inline-block;*display:inline;}
.socd li a {text-align:left; margin-right: 5px; display:block;   position: relative; z-index: 1; font-size: 28px;  color: #333;}


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

.mainmenu { display: block; float:right; text-align:right;}
.mainmenu ul {list-style:none !important; display:inline-block; padding-top:12px;}
.mainmenu li {list-style:none !important; display:inline-block; color:#fff !important; 
padding-left: 10px; padding-right:10px; font-family: 'Poppins', sans-serif; font-size:16px; text-transform: uppercase; font-weight:500; }

.mainmenu li a:link { text-decoration:none; color:#18abb5;}
.mainmenu li a:hover {  color:#18abb5;}
.mainmenu li a:visited {  color:#18abb5;}
.mainmenu li a:active { text-decoration:none; color:#18abb5;}


.mainmenu .current-menu-item > a {color: #0d757c !important; font-weight: 500 !important; padding: 11px; background:rgba(0, 0, 0, 0.1); border-radius: 3px; }
.mainmenu .storenav .current-menu-item > a {color: #fff !important; font-weight: 500 !important; }
.mainmenu a {text-decoration:none; color:inherit;}

.storenav {background: #222222; padding: 10px; border-radius: 4px; color: #fff !important;}
.storenav a:link {color: #fff !important; text-decoration: none;}
.storenav a:active {color: #fff !important; text-decoration: none;}
.storenav a:visited {color: #fff !important; text-decoration: none;}
.storenav a:hover {color: inherit !important; text-decoration: none;}

/*.openmenu { font-size:auto; border-radius:3px; padding:10px;  color:#ffffff; cursor:pointer; font-family: 'Poppins', 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;}*/

.openmenu { display:none;}
.sidenav { display:none;}

@media screen and (max-width: 1200px) {
	
.mainmenu { display: none;}

.openmenu {display: block; cursor: pointer; float: right; margin-top: 10px; transition: 0.5s; font-size: 25px; color: #fff; padding: 10px; border-radius: 4px; background: #222222; opacity: 1; line-height: 0px; } 

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

.sidenav a { padding: 12px; text-decoration: none; font-family: 'Poppins', 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 #222 solid;}

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

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

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


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

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

}

@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;
}

.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;}


.gray-trading {
    background: #dedede;
    border: 1px solid #eeeeee;
    padding: 10px;
}

/*------------------------------------*\
    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
\*------------------------------------*/

#slide1 {background-image: url('/uploads/slider1.jpg'); background-size: cover; height: 800px;}
#slide2 { background-image: image('/uploads/slider2.jpg'); background-size: cover; height: 800px;  }

/* --------------- Angular Banner END -------------------------- */


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


.modal-header .close {
    color: #000 !important;
    float: right; font-size: 35px; opacity: 0.6;

}