/*

Theme Name: TybeeIsland-custom-child

Description: Tybee Island custom theme

Author: Otterly Designs

Author URI: www.otterlydesigns.com

Version: 1.1.1

Template: tybeeisland-custom

*/





/* =Theme customization starts here

-------------------------------------------------------------- */



/*Fonts*/



body, p {

	font-family: 'Lato', sans-serif;

	font-weight: 300;

	font-size: 18px;

}



h1, h2, h3, h4, h5, a {

	font-family: 'Abril Fatface', cursive;

	}



h1 {

	font-size: 48px;

}



h2 {

	font-size: 36px;

}



h3 {

	font-size: 28px;

}



h4 {

	font-size: 24px;

}



h5 {

	font-size: 20px;

}





/*Navbar*/



header .navbar-nav li a {

	font-size: 0;

}



a.menu-link.main-menu-link:hover {

  -webkit-filter: grayscale(100%);

  -moz-filter: grayscale(100%);

  -ms-filter: grayscale(100%);

  -o-filter: grayscale(100%);

  filter: grayscale(100%);

  filter: url(grayscale.svg); /* Firefox 4+ */

  filter: gray; /* IE 6-9 */;

}



header.navbar-fixed-top {

	height:inherit;

}
/*Featured Home Listings-Wrapper*/

.best-sites-home .info {
padding: 35px 0;
}

.best-sites-home .picture {

width: 123px;

float: left;

}

.best-sites-home .description {

float: left;

width: calc(100% - 133px);

margin-right: 0;

}

/*Featured Listings-Wrapper*/

.featured-site .info, .best-sites .info {
padding: 35px 0;
}

div.info > p {
padding: 10px;
}

.address-info {
	font-size: 14px;
	font-weight: 500;
}

div.info > p:before {
border-bottom: 4px double #f37678;
}

div.info > p:after {
border-bottom: 2px solid #f37678;
}

.listing-text {
padding: 0 10px;
}

.featured-site .picture, .best-sites .picture {

width: 221px;

float: left;

}

.featured-site .description, .best-sites .description {

background-color: rgba(177, 212, 87, 0.36);

float: left;

width: calc(100% - 231px);

margin-right: 0;

/*height: 195px;*/

}

.best-sites .descriptioninfo .contact-info, .featured-site .descriptioninfo .contact-info{
color: #f37670;
font-weight: bolder;
}

.description {
min-height: inherit; }

.website-button {
float:right;
padding: 3px 15px!important;}

.featured-site h5, .best-sites h5 {
margin-top: -20px;
margin-bottom: 0;}

.listing-text {
padding: 0;
}


.site-wrapper .description {

	padding-bottom: 20px;

}

.sites-listings {
	padding: 0;
	background: transparent;
	border: 0px solid transparent;
}



/*Basic Listings-Wrapper*/

div.descriptioninfo > p:nth-child(2) {
color: #90c23a;
font-size: 13px;
margin-bottom: 0px; 
}

div.descriptioninfo > i {
color: #90c23a;
}

.basic-site .picture, .basic-sites .picture {

width: 150px;

float: left;

}

.descriptioninfo h5 {
margin-top: -20px; 
margin-bottom: 0;}

.basic-site .descriptioninfo .listing-text, .basic-sites .descriptioninfo .listing-text, .best-sites .descriptioninfo .listing-text {
min-height: 35px;
}

.basic-sites .description, .basic-site .description {

float: left;

width: calc(100% - 160px);

margin-right: 0;

}

.basic-sites .descriptioninfo .contact-info, .basic-site .descriptioninfo .contact-info {
color: #A5A5A5;
}

.basic-sites .description .website-button, .basic-site .description .website-button {
	color: #A5A5A5;
	border-color: #A5A5A5;
}

/*Free Sites Wrapper*/

.free-sites .site-wrapper .description, .free-site .site-wrapper .description {
padding-bottom: 20px;
width: 100%;
min-height: 150px;
padding: 35px 10px 0px 20px;
}

.col-md-4.site-wrapper.clearfix {
margin-left: 0!important;
margin-bottom: 10px!important;
}
/*Site-Wrapper*/

.site-wrapper {
margin-left: 8px!important;
margin-bottom: 20px;
}

div.description > i {

	top: initial;

}

.listing-text p {

	font-size: 13px;

	font-weight: 400;

}



.website-button {

background-color: transparent;

border: 1px solid #f37670;

color: #f37670;

}



.p-website-button {

	margin-top: 20px;

}

#lodging, #vrbo{
	display: none;
}

#restaurant, #do{

	display: block;

}



a#click-lodging {

	font-family: 'Lato', sans-serif;

	font-weight: 400;

	font-size: 18px;

	color: white;

	text-decoration: none;

	

	transition: height 0.5s ease;

  }

  /*Search bar Styling*/

 ul.ht-select-options > li {
padding: 0 5px;
line-height: 20px;
}

  #do, #lodging, #restaurant, #vrbo {
	text-transform: lowercase;
	color: white;
	font-size: 16px;}

input[type="checkbox"] {
margin: 10px;}

/*Map*/

.map {
height: 400px;
}

/*Menu*/

a.menu-link.sub-menu-link {
font-size: 14px;
font-family: 'Lato', sans-serif;
}

header .default-dropdown li a {
padding: 5px 0 0 10px;
line-height: 24px;}

.home-top > div:nth-child(2) {
margin-top: 0px; 
}

.default-dropdown span {
	display: none;
}


ul#menu-main-menu > li {
text-align: center;
}

.side-menu .element {
display: block;
line-height: 16px;
background: #333;
border: none;
padding: 0 20px;
border-bottom: none;}

#menu-footer-menu a.menu-link.main-menu-link {
font-family: 'Lato', sans-serif;
font-size: 12px;}

.side-menu .element .submenu .element {
padding: 0 20px;
background: #333;
border-bottom: none;}

#menu-footer-menu a.menu-link.sub-menu-link {
font-size: 12px;
font-family: 'Lato',sans-serif;
font-weight: 400;
}

.side-menu .element .submenu .element:hover a {
color: white;
text-decoration: none;
background-color: #333;
}

.side-menu .element .submenu .element:hover {
background-color: #333!important;
}

.widget .side-menu li a:hover {
text-decoration: none;}

.side-menu .parent.element a {
padding: 0;
}

.side-menu .element {
padding: 0;}

.side-menu .element:last-child {
border-bottom: none;
}

a.button.lg {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 16px;
}

/*Mobile Menu*/

#mobile-menu {
color: gray;
font-size: 14px;
padding: 9px;
}

button.navbar-toggle:hover {
background: rgb(169, 213, 79);}

#mobile-menu:hover {
color: white;
}

.navbar-toggle {
padding: 0;}

/*Event styling*/

.eo-event-past {
display: none;
}

img.attachment-thumbnail.wp-post-image {
margin: 0 20px 20px 0;
float: left;
border: dotted 4px rgb(180, 213, 94);
margin-right: 5px;
border-radius: 100px;
}

.event-title h3 {
	margin-top: -25px;
}

ul.eo-events.eo-events-shortcode {
	padding-left: 0;
}

img.attachment-thumbnail.wp-post-image {
margin: 0 20px 20px 0;
float: left;
}

div#event-date {
font-size: 16px;
font-weight: 400;
color: rgb(243, 118, 111);
}

div#events-content {
font-size: 16px;
font-weight: 300;}

li.eo-event-future {
list-style-type: none;
padding: 40px;
border-bottom: dotted 1px #ccc;
}

.eo-event-meta a {
pointer-events: none;
cursor: default;
}

.type-event .post-media {
float: left;
padding-right: 20px;
}

.single-event .post-media {
float: left;
padding-right: 20px;
}

.type-event .overlay {
visibility: hidden;
cursor: default; }

.widget li a {
padding-left: 0;
padding-bottom: 5px;
}

.widget li {
	border: none;
	font-size: 14px;
}

/*Footer Styling*/

.copyright-text a {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 13px;
color: white;
}

#otterly a {
	font-family: 'Lato', sans-serif;
	color: white;
}

#otterly {
float:right;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 13px;
color: #9399a2;
}

#terms a {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 13px;
color: white;}

#terms {
margin-top: 10px;
}

#partner-logos {
float: left;
}

footer {
margin-top: 0; 
}

ul.partener li img {
display: inline-block;
width: initial;
}

div#footer-logo {
margin-top: -30px;
margin-bottom: -10px;
}

.recent-posts-widget {
border:none; }

#footer {
background-color: #333!important;
}

footer #botbar {
background-color: #333!important;
}

footer #footer .divider-5 {
text-transform: uppercase;
}

.widget-posts-list .list-item {
border-bottom: none;
}

.widget-posts-list .list-item img {
border: solid 4px;
float: left;
margin-right: 5px;
height: 50px;
border-radius: 25px;
}

.widget li:hover {
background: transparent!important;
color: black;
}

.eo-agenda-widget li.event .meta a{
font-size: .9em;
font-family: 'Lato', sans-serif;
}

.eo-agenda-widget li.event:hover {
opacity: 1;
background: #ececec;
}

.widget-posts-list .list-item {
padding: 12px 0px; }

#footer div.info {
margin-top: 15px;}

.widget-posts-list .list-item:hover {
background-color: transparent!important;
}

.widget-posts-list .list-item:hover {
color: #90c23a;
background-color: transparent!important;
}

#footer div.info > p {
font-weight: 600;
}

#footer div.info > p: hover {
	color: white!important;
}

.copyright-text {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 13px;
}

.contact-widget .line i {
font-size: 25px; }

#botbar .socials a {
width: 40px;
height: 40px;
}

#botbar .socials a:hover {
background: transparent!important; 
}

/*Sidebar*/

.sidebar .widget {
margin-bottom: 15px;
}

.a-single img, .g img {
max-width: none;
}

.g {
	overflow:initial!important;
}

.col-sm-12 .custom-sidebar {
display: none!important;
}

.hideFilter{
	display: none;
}

.showFilter, #vrbo.showFilter, #lodging.showFilter{
	display: block;
}

#vrbo-select{
	background-color: white;
	background-color: -moz-field;
	box-shadow: 1px 1px 1px 0 lightgray inset;
	font: -moz-field;
	font: -webkit-small-control;
	cursor: text;
	border-radius: 2px;
	border: 0;
	height: 40px;
	font-size: 13px;
	line-height: 40px;
	width: 193px;
	float: left;
	padding: 0 10px;
	color: rgb(119, 119, 119);
	display: block;
	position: relative;
	margin-right: 11px;
}

/*Widget Styling*/

 .sidebar .widget-posts-list{
background-color: transparent;
border: none;
}

.widget-posts-list .list-item:hover p {
color: black;
}

.widget-posts-list .list-item .info {
padding-top: 15px;
}
.widget li {
background-color: transparent;}

.contact-widget .text {
color: rgb(213, 213, 213);
font-size: 14px;
font-weight: 300;
}

.contact-widget .text a {
color: white;
font-size: 14px;
font-weight: 300;
font-family: 'Lato', sans-serif;
}


/*Tybee Live Changes*/

.widget-posts-list .list-item img {
width: 50px;}

img.attachment-thumbnail.wp-post-image {
width: 150px;
height: 150px;}

img#wpstats{display:none}

/*Responsiveness*/

@media all and (min-width: 993px) {
.website-button {
float: right!important;
margin-right: 0!important;
}

}

@media all and (min-width: 768px) and (max-width: 992px){

.col-sm-12 .custom-sidebar {
display: initial!important;
}

.col-sm-12 .custom-sidebar .widget {
margin-bottom: 10px;
text-align: center;
}
	ul.nav.navbar-nav li a {
height: 80px; }

	i.iconstyle {
display: none;
}

div.descriptioninfo {
width: 100%;}

.website-button {
float: right!important;
margin-right: 0!important;
}

}

@media all and (min-width: 730px) and (max-width: 767px) {

.col-sm-12 .custom-sidebar {
display: initial!important;
}

.col-sm-12 .custom-sidebar .widget {
margin-bottom: 10px;
text-align: center;
}

ul.nav.navbar-nav li a {
height: 80px; }

	i.iconstyle {
display: none;
}
	.listing-text p {
text-align: left;}

.col-md-12.descriptioninfo {
text-align: left;
}

.content .row div[class^="col-"] {
padding-bottom: 0; 
}

.website-button {
float: right;
margin-right: 0;
}

}

@media all and (min-width: 600px) and (max-width: 729px) {

.col-sm-12 .custom-sidebar {
display: initial!important;
}

.col-sm-12 .custom-sidebar .widget {
margin-bottom: 10px;
text-align: center;
}

#homepage-blurb {
	display: none!important;
}

ul.nav.navbar-nav li a {
height: 80px; }

	i.iconstyle {
display: none;
}

.listing-text p {
text-align: left;}

.col-md-12.descriptioninfo {
text-align: left;
}

.content .row div[class^="col-"] {
padding-bottom: 0; 
}

.website-button {
float: left;
margin-right: 100%; }

.descriptioninfo h5 {
width:100%;
}

}

@media all and (min-width: 0px) and (max-width: 599px) {


img.attachment-thumbnail.wp-post-image {
margin: 20px;
float: none;}

.best-sites-home .picture > img {
width: 150px;
margin: auto!important;
display: block;}

.content {
padding: 0 !important;
}

.home-top {
padding-bottom: 20px;
}

.col-sm-12 {
	padding-left: 5px;
}

.col-sm-12 .custom-sidebar {
display: initial!important;
}

.col-sm-12 .custom-sidebar .widget {
margin-bottom: 10px;
text-align: center;
}

#homepage-blurb {
	display: none!important;
}

ul.nav.navbar-nav li a {
height: 80px; }

	.best-sites-home .picture, .best-sites .picture, .featured-site .picture, .basic-sites .picture, .basic-site .picture {
width: 100%;}

.site-wrapper .description {
	width:100%;
	margin: 0;
}

i.iconstyle {
display: none;
}

.descriptioninfo h5 {
float: none;
}

}

.listing-text p {
text-align: left;}

.col-md-12.descriptioninfo {
text-align: left;
}

.content .row div[class^="col-"] {
padding-bottom: 0; 
}

.website-button {
float: left;
margin-right: 100%; }


	}