/*
Theme Name: Pickwick & Frolic Responsive
Theme URI: http://www.pickwickandfrolic.com/
Description: Custom theme
Author: Rae Nester
Author URI: http://www.raediantdesign.com
Version: 2.0
Tags: custom

License:
License URI:

*/


/* Old Slider restyled */

#landing_slider { padding-bottom: 30px; }
.slide_int { margin-top: 15px; }
.slide_img { width: 65%; margin-right: 3%; float: left; }
.slide_img img { max-width: 100%; height: auto; }
.slide_text { width: 32%; float: left; }
.slide_text h3 { margin-top: 10px; }
.slide_text p { font-family: "aleoregular", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #565656; }
.slide_text h4 { font-family: "aleoregular", Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-bottom: -5px; font-size: 16px; }

.lens-tool-kit, .lens-tool-kit.sd2-none.sd2-nav-hanging .sd-nav-wrapper { overflow: visible !important; }

h2.date { margin-top: 10px; font-size: 28px; }

@media (min-width: 1200px) {
	.slide_img { width: 57%; }
	.slide_text { width: 40%; }
}

/* New Styles */

/* fonts */

@font-face {
    font-family: 'intro_regular';
    src: url('fonts/intro-webfont.woff2') format('woff2'),
         url('fonts/intro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aleoregular';
    src: url('fonts/Aleo-Regular-webfont.eot');
    src: url('fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Aleo-Regular-webfont.woff') format('woff'),
         url('fonts/Aleo-Regular-webfont.ttf') format('truetype'),
         url('fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: "socicon";
  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#socicon") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "socicon" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="socicon-"]:before,
[class*=" socicon-"]:before {
  font-family: "socicon" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.socicon-twitter:before {
  content: "\e040";
}
.socicon-instagram:before {
  content: "\e057";
}
.socicon-facebook:before {
  content: "\e041";
}
.socicon-youtube:before {
  content: "\e051";
}
.socicon-foursquare:before {
  content: "\e044";
}

/* Flaticon icon font: Flaticon */

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

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

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
  	font-family: Flaticon;
	font-style: normal;
	/*font-size: 20px;
	margin-left: 20px;*/
}

.flaticon-calendar:before { content: "\f100"; }
.flaticon-comedy:before { content: "\f101"; }
.flaticon-compass:before { content: "\f102"; }
.flaticon-dates:before { content: "\f103"; }
.flaticon-drink:before { content: "\f104"; }
.flaticon-food:before { content: "\f105"; }
.flaticon-gift-box:before { content: "\f106"; }
.flaticon-location:before { content: "\f107"; }
.flaticon-mask:before { content: "\f108"; }
.flaticon-megaphone:before { content: "\f109"; }
.flaticon-microphone:before { content: "\f10a"; }
.flaticon-party:before { content: "\f10b"; }
.flaticon-pin:before { content: "\f10c"; }
.flaticon-play:before { content: "\f10d"; }
.flaticon-signs:before { content: "\f10e"; }
.flaticon-spotlight:before { content: "\f10f"; }
.flaticon-theater:before { content: "\f110"; }
.flaticon-ticket:before { content: "\f111"; }
.flaticon-tickets:before { content: "\f112"; }
.flaticon-tour:before { content: "\f113"; }


/* BS Restyle */

.btn { text-shadow: 1px 1px 1px #191919; }
.btn-lg { padding: 7px 16px; }

.navbar { border-radius: 0; margin-bottom: 0; }
.navbar-inverse { background: url(images/banner.png) repeat-x #000; padding-top: 15px; }

.small-pad .col-sm-3 { padding-left: 5px; padding-right: 5px; }

.phone {
	text-align: center;
	font-size: 21px;
}

.connect-icons {
	float: right !important;
	margin-top: 5px;
}

.header-tag {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
				font-size: 11px;
    }

		.header-tag {
			margin-top: 10px;
		}

		.connect-icons {
			margin-top: 0;
		}

    .navbar .navbar-collapse {
        text-align: center;
    }
		.phone {
			text-align: right;
		}
}

@media (min-width: 992px) {
		.connect-icons {
			margin-top: 5px;
		}
		.phone {
			padding-top: 10px;
		}

		.navbar .navbar-nav { font-size: 15px; }
}

@media (min-width: 1200px) {
	.navbar .navbar-nav { font-size: 16px; }
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #de8587; }
.dropdown-menu { background-color: #FFFDE9; }

/* Layout */

header {
	background-image: url(images/parchment.jpg);
	background-size: cover;
	background-position: top center;
	background-color: #FFFDE9;
	color: #55533f;
}
header p.lead { margin-bottom: 10px; }
header p.tagline { font-size: 30px; }

/*
@media (max-width: 767px) {
	.logo { width: 70%; float: none; text-align: center; margin: 0 auto; }
	.head_btn { width: 100%; float: none; }
	.head_btn .text-right { text-align: center; }
}
*/

@media (max-width: 1199px) {
	.head_btn .btn-block {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	.head_btn .btn-block {
		margin-bottom: 10px;
	}
	.logo {
		text-align: center;
	}
	.logo .img-responsive {
		display: inline;
	}
}

@media (max-width: 375px) {
	.head_btn .btn-block {
		font-size: 14px;
	}
}

.slider {
	width: 100%;
	height: auto;
	background-image: url(images/slider.jpg);
	background-size: cover;
	background-position: center center;
	color: #ffffff;
}

.slide0 { background-image: url(images/slider.jpg); }
.slide1 { background-image: url(images/slider1.jpg); }
.slide2 { background-image: url(images/slider2.jpg); }
.slide3 { background-image: url(images/slider3.jpg); }
.slide4 { background-image: url(images/slider4.jpg); }
.slide5 { background-image: url(images/slider5.jpg); }

.slider_dim {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.65);
	padding: 20px 20px 50px;
}

.slider_dim, .slider {
	min-height: 400px;
}

@media (min-width: 768px) {

	.slide_wrap {
	  position: relative;
	}
	.slide_content {
	  position: absolute;
	  top: 50%;
	  transform: translateY(-50%);
	}
	.slider_dim, .slider {
		min-height: 500px;
	}
	.slide_pad {
		padding: 0 30px;
	}
}

.slide_content { text-shadow: 1px 1px 1px #000000; }

.carousel-control { width: 5% !important; }
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }

.home_info { padding: 30px 0 40px; border-top: #000 1px solid; border-bottom: #000 1px solid; }
.smaller { margin-top: 10px; font-size: 12px; }

.shows {
	background: #000 url(images/bg_full.jpg) top center no-repeat;
	padding-top: 20px;
	padding-bottom: 45px;
}

.shows h2 {
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000000;
}

.act {
	background: #ffffff;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.act h5 { margin: 10px 0 0 10px; }
.act p { margin: 0 0 5px 10px; }

footer {
    background-color: #333333;
	background-image: url(images/footer.jpg);
	background-size: cover;
	background-position: center center;
    color: #cccccc;
	font-size: 18px;
}

.footer-top {
	margin-top: 20px;
	margin-bottom: 40px;
}

.footer-bottom {
	background: #000000;
}

footer h3, footer .h3 {
    text-transform: uppercase;
    color: #ffffff;
}

footer a {
    color: #ffffff;
}

footer a:hover, footer a:active {
    color: #cccccc;
}

footer .img-responsive {
    margin: 0 auto;
}

footer .btn { text-align: left; }

/* Page Styles */

.comedy_cal h5 { margin-top: 0; }
.widget h5 { margin-bottom: 0; }

#content { background: #000 url(images/bg_full.jpg) top center no-repeat; padding: 20px 0 40px; }
#main { background: #fff; padding-top: 1px; padding-bottom:20px;}
.widget {
	padding: 1px 15px 15px;
	background: #cccccc;
	background: rgba(255,255,255, .8);
	margin-bottom: 20px;
}
.widget h4 { color: #565656; }
.widget hr { border-top: 1px solid #adadad; }

.main_inset { margin: 5px 10px; }

p.little { font-size: 10px; }

@media (max-width: 991px) {
	#sidebar { background: #cccccc; }
	.widget { padding: 10px 0; margin: 15px; background: none; }

	.nav>li>a {
	    padding: 10px 12px;
	}
}
.widget img.thumb {
	border: #ccc solid 1px;
	background: #e5e5e5;
	padding: 4px;
	margin: 20px 0 5px;;
}

.nav>li>a:hover, .nav>li>a:focus {
	color: #fff;
	background-color: #af0155;
	border-color: #960149
}



.socicon-button [class^="socicon-"], .socicon-button [class*=" socicon-"] {
	vertical-align: middle;
	line-height: 1px;
}

.social .socicon-button [class^="socicon-"], .social .socicon-button [class*=" socicon-"] {
	font-size: 16px;
}

.soc-btn {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.soc-btn {
    font-size: 100%;
    padding: 8px;
    color: #fff;
    background: #444;
    text-decoration: none !important;
    border-radius: 50%;
	margin-left: 3px;
	width: 33px;
}

a.soc-btn:hover , a.soc-btn:focus {
	color: #ddd;
	background: #444;
}

footer .soc-btn { width: 37px; }

.soc_tw { background-color: #4da7de }
.soc_fb { background-color: #3e5b98 }
.soc_yt { background-color: #e02a20 }
.soc_ig { background: linear-gradient( #6600cc, transparent, transparent), linear-gradient( 200deg, #d047d1, #ff0000, #ffff00); }



/* Margins & Padding */
.mrs { margin-right: 5px; }
.mrm { margin-right: 10px; }

.mts { margin-top: 5px; }
.mtm { margin-top: 10px; }
.mtl { margin-top: 20px; }

.mbs { margin-bottom: 5px; }
.mbm { margin-bottom: 10px; }
.mbl { margin-bottom: 20px; }

.pll { padding-left: 20px; }
.prl { padding-right: 20px; }
.ptl { padding-top: 20px; }
.pbl { padding-bottom: 20px; }

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.nowrap { white-space: nowrap; }
.tix-pad { padding: 2px 5px 0; }


/* =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: none;
    max-width: 96%; /* Image does not overflow the content area */
    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 p.wp-caption-text {
    font-size: 18px;
    font-style: italic;
    line-height: 24px;
    color: #999;
    margin: 0;
    padding: 15px 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}