/* 

 Theme Name:   West Port Village

 Theme URI:    lethologicacc.ca

 Description:  Theme

 Author:       Lethologica

 Author URI:   lethologicacc.ca

 Template:     spacious

 Version:      1.0

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html



 /* == Add your own styles below this line ==

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

/*

font-family: 'Open Sans Condensed', sans-serif;

font-family: 'Open Sans', sans-serif;

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

*/

/* Global */

#header-logo-image {

    float: none;

    padding: 20px 20px 0 0;

    max-width: 100%;

}

.logo {

	font-family: "futura-pt",sans-serif;

	font-size: 26px;

	color: #ffffff;

	text-transform: uppercase;

}



h1 {

	font-family: "futura-pt",sans-serif;

	font-size: 40px;

	line-height: 1em;

	color: #7e9db2;

	font-weight: 700;

}

.homeh {
	text-align: center; 
	font-family: "futura-pt",sans-serif; 
	font-weight:500 !important;
}


h2 {



	font-family: "futura-pt",sans-serif;

	font-size: 30px;

	line-height: 1em;

	color: #7e9db2;

}





h3 {

	font-family: "futura-pt",sans-serif;

	font-size: 36px;

	line-height: 1em;

	color: #7e9db2;

}



p {

	font-size: 14px;

	color: #333333;

	font-family: 'Open Sans', sans-serif;

	line-height: 1.8em;



}

ul li {

	font-size: 14px;

	color: #333333;

	font-family: 'Open Sans', sans-serif;

	line-height: 1.8em;

	list-style-type: disc;

}

#masthead {

    position: fixed;

    z-index: 99999;

    width: 100%;

    background-color: rgba(0,0,0, 0.85);

}

#header-text-nav-wrap {

   padding-top: 0px !important; 

    padding-bottom: 0px !important;

}



.main-navigation {

    float: none !important;

    padding-top: 0px; 

}



#header-text-nav-container {

    border-bottom: 0px solid #ffffff;

}



#main {

    padding: 0px 0 10px 0;

}



.footer-socket-wrapper {

    padding: 10px 0px;

    background-color: #ffffff;

     border-top: 0px solid #ffffff; 

}



/* Homepage */

.newsletter-box {

	position: relative;

	background-color: #efefef;

	width: 60%;

	height: 300px;

	margin: 0 auto;

	

	padding: 50px;

	z-index: 99999;

	border: 1px solid #efefef;

	/*

-webkit-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

-moz-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52); */

font-size: 18px;

	color: #333333;

	font-family: 'Open Sans', sans-serif;

	line-height: 1.2em;

}



.newsletter-title {

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 36px;

	line-height: 1em;

	color: #7e9db2;

	padding: 20px 50px;

}



.smnews-text {

	    width: 65%;

    padding-left: 50px;

    font-size: 18px;

}



.box-shadow {

-webkit-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

-moz-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

}



.box-shadow2 {

-webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.52);

-moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.52);

box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.52);

}

/* Forms */

input[type="text"], input[type="email"], input[type="password"], textarea {

    padding: 1%;

    border: 1px solid #999999;

    line-height: 20px;

    width: 98%;

    margin: 20px 20px 0px 10px;

    background-color: #F8F8F8;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 0px;

    color: #7e9db2;

}



.spacious-button, input[type="reset"], input[type="button"], input[type="submit"], button {

    color: #FFFFFF;

    display: inline-block;

    margin-bottom: 30px;

    margin-left: 10px;

    padding: 5px 25px;

    -moz-appearance: none !important;

    -webkit-appearance: none !important;

    appearance: none !important;

    cursor: pointer;

    background-color: #0FBE7C;

    border: 0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    font-size: 16px;

    font-family: 'Open Sans Condensed', sans-serif;

    text-transform: uppercase;

}



/* FAQ */

.nbtsow-faqs .nbtsow-faqs-question.ui-state-active {

    background: #ffffff;

    color: #222222;

    font-size: 22px

}

.nbtsow-faqs .nbtsow-faqs-question~div {

    margin-top: 10px;

    margin-bottom: 50px;

    background-color: #efefef;

    padding: 20px;

    font-size: 14px

}



.nbtsow-faqs .nbtsow-faqs-question {

    padding-left: 15px;

    padding-right: 15px;

    background:  #7e9db2;

    color: #fff;

    font-size: 16px;

    position: relative;

    line-height: 40px;

    -webkit-transition: all .4s;

    transition: all .4s;

    margin-bottom: 20px;

    margin-top: 0;

}



/* Contact Us */

.newsletter-box-contact {

	position: relative;

	background-color: #efefef;

	width: 70%;

	height: auto;

	margin: 0 auto;



	padding: 50px;

	z-index: 99999;

	border: 1px solid #efefef;

-webkit-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

-moz-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

font-size: 18px;

	color: #333333;

	font-family: 'Open Sans', sans-serif;

	line-height: 1.2em;

}



.smnews-text-contact {

	    width: 75%;

    padding-left: 50px;

    font-size: 18px;

}

.newsletter-title-contact {

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 36px;

	line-height: 1em;

	color: #7e9db2;

	padding: 0px 50px 20px 0px;

}



.logo-img {

	    max-width: 100%;

    min-width: 200px;

    max-width: 200px;

    width: 200px;

    padding: 20px;



}



.ewd-ulb-slide-img {

    position: relative;

    float: left;

    width: 100%;

    height: 100%;

    display: inline-block;

    text-align: center;

    margin-top: 100px;

}



.wp-caption {

    border: 0px solid #ccc;

    margin-bottom: 1.5rem;

    max-width: 100%;

}



/* Map */

.imgmap-dialog {

    background-color: #fff;

     border: 0px solid rgba(50, 50, 50, 0.4) !important; 

    display: none;

    max-width: 700px;

    min-width: 100px;

    -moz-background-clip: padding;

    -webkit-background-clip: padding;

    background-clip: padding-box;

  border: 1px solid #efefef;

-webkit-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

-moz-box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

box-shadow: 3px 7px 55px 0px rgba(0,0,0,0.52);

}

.imgmap-dialog .ui-dialog-titlebar {

    background-color: #ffffff;

    color: white;

    padding: 5px;

    padding-left: 10px;

}