/*
Theme Name: Beaches Beauty
Version: 1.0
Description: Custom website for Beaches Beauty
Author: Intervision Design (Ehren Fergusson)
Author URI: http://www.intervision.com
*/





/************************************/
/*** CSS CODED BY EHREN FERGUSSON ***/
/************************************/






/************************************/
/************ START CSS *************/
@font-face {
  font-family: 'fontello';
  src: url('_assets/fonts/fontello.eot');
  src: url('_assets/fonts/fontello.eot?#iefix') format('embedded-opentype'),
       url('_assets/fonts/fontello.woff') format('woff'),
       url('_assets/fonts/fontello.ttf') format('truetype'),
       url('_assets/fonts/fontello.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/************************************/
/*********** CUSTOM CSS *************/

body {
	background: #595552 url(_assets/img/bg.jpg) repeat center top;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
}
a {
	color:#a0d3e4;
}
a:hover,
a:active {
	color:#76ddff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	/*font-family: 'Raleway', sans-serif;*/
	line-height: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
}

/*a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}*/

/************************************/
/*************** MAIN ***************/

.wrapper { background: url(_assets/img/pattern.png) no-repeat 100% 0;}
#header { background: #fff; height: 100px; width: 100%;}
#logo { padding-top: 10px; margin-left: -20px;}

#slideshow { min-height: 450px; margin: 30px 0 0 0;}
.slide {background:no-repeat center center; min-height: 450px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;}
.slide .caption { padding: 50px; text-align: right; color: #fff;}
.slide .caption h2 { font-size: 24px;}
.slide .caption a { color: #fff;}

.pagetitle { font-size: 40px; color: #a0d3e4; padding: 50px 10px;}
.pagetitle:after { content: ''; display: block; width: 80px; height: 3px; background: #a0d3e4;}
#content .text { padding: 0 10px;}

.banner img {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#homeblock .banner { background: #a0d3e4; min-height: 190px; position: relative; margin: 10px 0 10px 20px;}
#homeblock .banner span { position: absolute; top: 50%; left: 50%; display: block; text-align: center; width: 150px; height: 150px; border: 3px solid #fff; margin: -75px 0 0 -75px; z-index: 99; color: #fff; padding-top: 60px; text-transform: uppercase; font-weight: 700; font-size: 18px;
 -webkit-border-radius:80px;
	-moz-border-radius:80px;
	     border-radius:80px;
}
#homeblock .banner:hover img { opacity: 0.1;}
#homeblock { padding: 20px 0;}
#homeblock .text { padding: 0;}

.gallery_page .item { padding: 10px;}

#sidebar { padding: 130px 0 40px 0;}
#sidebar .banner {
display: block; 
position: relative;
margin: 15px auto;
width: 260px;
height: 260px;
background:no-repeat center center;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
 -webkit-border-radius:130px;
	-moz-border-radius:130px;
	     border-radius:130px;
}
#sidebar .banner span {position: absolute; top: 50%; left: 50%; display: block; text-align: center; width:150px; height: 150px; margin: -75px 0 0 -75px; padding-top: 60px; z-index: 99; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 18px; border: 3px solid rgba(255,255,255,0);
-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
-webkit-border-radius:80px;
	-moz-border-radius:80px;
	     border-radius:80px;
	    
}
#sidebar .banner:hover span { border: 3px solid rgba(255,255,255,1);}

#footer { border-top: 3px solid #a0d3e4; padding: 30px 0; color: #a0d3e4;}
#footer .address { text-align: right; font-size: 12px;}
#footer .address h2 { font-size: 24px; padding-bottom: 10px;}
#footer .hours { font-size: 12px; line-height: 1.5em;}
#footer .hours strong {display: block; line-height: 1em;}
.copyright { text-align: right; font-size: 10px; line-height: 1.3em; padding-top: 10px;}
.social {}
.social li { display: inline-table;}
.social li a i { width: 50px; height: 50px; border: 3px solid #a0d3e4; text-align: center; padding-top: 10px; line-height: 1em; display: block; font-size: 20px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
 -webkit-border-radius:30px;
	-moz-border-radius:30px;
	     border-radius:30px;
}
.social li a:hover i { color: #fff; border-color: #fff;}

.footer_newsletter { max-width: 370px; margin-bottom: 20px;}
.footer_newsletter p { font-size: 12px; line-height: 1em; padding-bottom: 15px;}
.footer_newsletter input { margin: 5px 2%; width: 96%;}
/*.footer_newsletter input.email { margin: 5px 1%; width: 98%;}*/
.footer_newsletter input.my_btn { padding: 10px; /*width: 100%;*/ line-height: 1.2em;}

/************************************/
/************** MENUS ***************/

#menu { padding-top: 30px;}
#menu ul { float: right;}
#menu ul li { position: relative; float: left;}
#menu ul li a { display: block; font-size: 16px; line-height: 1em; color: #666; padding:10px 0; margin: 0 10px; border-bottom: 3px solid #fff; text-transform: uppercase; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
#menu ul li a:hover { }
#menu ul li.current-menu-item a, #menu ul li.current-menu-parent a {border-bottom: 3px solid #a0d3e4;}

/* Level 1 */
#menu ul ul:before { content: ''; position: absolute; left: 50%; top: 0; margin-left: -3px; width: 0px; height: 0px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #ffffff transparent transparent transparent;}
#menu ul ul { position:absolute; left: 50%; margin-left: -100px; top: 135px; background:#bcb3ac; width: 200px; z-index:9999; text-align: left; padding: 7px 0 0 0;}
#menu ul ul li { width: 200px; display: block; margin: 0;}
#menu ul ul li a, #menu ul li.current-menu-item li a { display: block; text-align: center; color: #4b4b50; padding: 10px 0; font-size: 14px; margin: 0; border: none; background: none;}
#menu ul ul li a:hover, #menu ul ul li.current-menu-item a, #menu ul ul li.current-menu-parent a { background: #aca39c; border: none;}
/* level 2 */
#menu ul ul ul:before { left: -5px; top: 7px; margin-left: -5px; border-width: 10px 10px 10px 0; border-color: transparent #fff transparent transparent;}
#menu ul ul ul { left:200px; margin-left:0; top:0; background:#fff; padding: 0;
	-webkit-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	-ms-box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
	box-shadow: -5px 0px 5px rgba(0,0,0,0.1);
}

/************************************/
/************** GRIDS ***************/

.container {
	margin:0 auto;
	width:1000px;
	padding: 0 20px;
	display:block;
}

/************************************/
/*********** ICON STYLING ***********/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "fontello";
  	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	text-align: center;
}
.icon-quote:before { content: '\e800'; } /* '' */
.icon-mail:before { content: '\e810'; } /* '' */
.icon-heart:before { content: '\e802'; } /* '' */
.icon-heart-empty:before { content: '\e804'; } /* '' */
.icon-star:before { content: '\e806'; } /* '' */
.icon-star-empty:before { content: '\e807'; } /* '' */
.icon-user:before { content: '\e80f'; } /* '' */
.icon-camera:before { content: '\e814'; } /* '' */
.icon-layout:before { content: '\e813'; } /* '' */
.icon-menu:before { content: '\e80d'; } /* '' */
.icon-plus:before { content: '\e85d'; } /* '' */
.icon-minus:before { content: '\e85f'; } /* '' */
.icon-info-circled:before { content: '\e816'; } /* '' */
.icon-home:before { content: '\e818'; } /* '' */
.icon-link:before { content: '\e83e'; } /* '' */
.icon-attach:before { content: '\e842'; } /* '' */
.icon-eye:before { content: '\e817'; } /* '' */
.icon-tag:before { content: '\e819'; } /* '' */
.icon-bookmarks:before { content: '\e81a'; } /* '' */
.icon-thumbs-up:before { content: '\e81b'; } /* '' */
.icon-download:before { content: '\e81c'; } /* '' */
.icon-comment:before { content: '\e81d'; } /* '' */
.icon-chat:before { content: '\e820'; } /* '' */
.icon-map:before { content: '\e81f'; } /* '' */
.icon-docs:before { content: '\e83d'; } /* '' */
.icon-book:before { content: '\e81e'; } /* '' */
.icon-rss:before { content: '\e821'; } /* '' */
.icon-basket:before { content: '\e803'; } /* '' */
.icon-calendar:before { content: '\e841'; } /* '' */
.icon-clock:before { content: '\e843'; } /* '' */
.icon-down-arrow:before { content: '\e840'; } /* '' */
.icon-left-arrow:before { content: '\e811'; } /* '' */
.icon-right-arrow:before { content: '\e812'; } /* '' */
.icon-up-arrow:before { content: '\e82e'; } /* '' */
.icon-search:before { content: '\e838'; } /* '' */
.icon-play:before { content: '\e822'; } /* '' */
.icon-stop:before { content: '\e823'; } /* '' */
.icon-pause:before { content: '\e824'; } /* '' */
.icon-target:before { content: '\e826'; } /* '' */
.icon-list:before { content: '\e827'; } /* '' */
.icon-trophy:before { content: '\e828'; } /* '' */
.icon-network:before { content: '\e82a'; } /* '' */
.icon-cd:before { content: '\e829'; } /* '' */
.icon-flash:before { content: '\e82b'; } /* '' */
.icon-paper-plane:before { content: '\e82d'; } /* '' */
.icon-leaf:before { content: '\e82c'; } /* '' */
.icon-suitcase:before { content: '\e83f'; } /* '' */
.icon-chart-area:before { content: '\e82f'; } /* '' */
.icon-ticket:before { content: '\e831'; } /* '' */
.icon-megaphone:before { content: '\e830'; } /* '' */
.icon-rocket:before { content: '\e832'; } /* '' */
.icon-gauge:before { content: '\e833'; } /* '' */
.icon-cw:before { content: '\e825'; } /* '' */

.icon-paypal:before { content: '\e801'; } /* '' */
.icon-android:before { content: '\e836'; } /* '' */
.icon-google-plus:before { content: '\e834'; } /* '' */
.icon-fivehundredpx:before { content: '\e83a'; } /* '' */
.icon-pinterest:before { content: '\e83b'; } /* '' */
.icon-appstore:before { content: '\e815'; } /* '' */
.icon-flickr:before { content: '\e83c'; } /* '' */
.icon-linkedin:before { content: '\e808'; } /* '' */
.icon-rss:before { content: '\e809'; } /* '' */
.icon-twitter:before { content: '\e80a'; } /* '' */
.icon-youtube:before { content: '\e80b'; } /* '' */
.icon-vimeo:before { content: '\e80c'; } /* '' */
.icon-facebook:before { content: '\e80e'; } /* '' */
.icon-tumblr:before { content: '\e839'; } /* '' */
.icon-deviantart:before { content: '\e805'; } /* '' */
.icon-picasa:before { content: '\e835'; } /* '' */
.icon-instagram:before { content: '\e837'; } /* '' */

/************************************/
/************** OTHER ***************/

/* SELECT & PLACEHOLDER */
::selection,
::-moz-selection { background: #f1f1f1; color:#333;}

::-webkit-input-placeholder { color:#999999;}
	 :-ms-input-placeholder { color:#999999;}
	 	 ::-moz-placeholder { color:#999999;}
		  :-moz-placeholder { color:#999999;}

/* FORMS */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	background:#f9f8f6;
	border: 1px solid #efece8;
	color:#333;
	font-size:12px !important;
	padding: 10px !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	background:#fff;
}

input[type="button"],
input[type="submit"] {
	border:1px solid #93c5d5;
	background:#a0d3e4;
	color:#fff;
	font-size:15px; 
	text-transform: uppercase;
	font-weight: 400;
}
input[type="button"]:hover,
input[type="submit"]:hover {
	background: #8bdcf7;
	color: #fff;
}

input[type="radio"],
input[type="checkbox"] {
margin: 0 !important;
*margin-top: 0 !important;
line-height: normal;
}

.gform_wrapper { margin: 0 !important;}
.gform_wrapper br { display: none !important;}
.gfield_label { font-size: 13px !important; padding: 0;}
.gfield_checkbox li { margin: 0 !important; font-size: 12px !important;}
.gfield_html ol { font-size: 12px !important;}
.gfield_html ol li { margin: 0 !important;}

/* TEXT STYLING */

.text 	 { /*padding: 0;*/}
.text h6 { font-size:16px;}
.text h5 { font-size:18px;}
.text h4 { font-size:24px; color:#a0d3e4;}
.text h3 { font-size:30px;}
.text h2 { font-size:33px;}
.text h1 { font-size:40px;}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {
	padding-bottom: 15px;
	font-weight: 400;
	text-transform: uppercase;
}

/* PAGE NAVIGATION */
.page_navigation { border: none; padding: 0;}
.page_navigation ul li a { border-color: #ddd;}
.page_navigation ul li a {background: #f9f9f9; color: #4b4b50;}
.page_navigation ul li a:hover { background: #f1f1f1;}
.page_navigation ul li a.current { color: #4b4b50; background: #ffdd00; border: 1px solid #ffd200;}

/* FANCYBOX */
.fancybox-skin{ background: #fff; color: #323a45;}
.fancybox-next span { background-image: url(../img/fancybox_sprite.png);}
.fancybox-close{ background-color: #000;}
.fancybox-close i { color: #fff;}
.fancybox-prev span i { color: #000;}
.fancybox-next span i { color: #000;}

/* COMMENTS */
#respond .comment-notes, #comments ol li .myquote, #comments ol li cite, #comments ol li .commentmetadata, #comments .reply a { color: #ccc;}
#respond label, #comments .reply a:hover, #comments ol li cite a, .comment-reply-title small a, #comments ol.commentlist #respond .comment-notes, #comments ol li.bypostauthor .myquote { color: #666;}
#respond .comment-notes { border-color: #f1f1f1;}
#comments ol.commentlist, #comments ol li, #comments ol .children { border-color: #f0f0f0;}
#respond .comment-notes, #comments ol li { background: #f9f9f9;}
#comments ol.commentlist #respond, #comments ol.commentlist #respond .comment-notes, #comments ol.commentlist #respond h3 { border-color: #e1eaed;}
.comment-reply-title small a, #comments ol.commentlist #respond .comment-notes { background: #e1eaed;}
#comments h3 { border-bottom:1px solid #ddd;}
#comments ol li.odd { background: #fff;}
#comments .reply a:hover { background: #ccc;}
.comment-reply-title small a:hover { background: #c7d4d9;}
#comments ol.commentlist #respond { background: #eef4f6;}

/* ALIGNMENTS */
.wp-caption {
	border: 1px solid #ddd;
	background-color:#fff;
	color:#999;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

/* SHORTCODES */

.product  { width: 100%; *zoom: 1; height: 100%; position:relative; border-bottom: 2px solid #ccc; margin-bottom: 10px;}
.product:before, .product:after {display:table; content:""; line-height:0;}
.product:after {clear:both;}
.product .left { float: left; width: 70%;}
.product h3 { font-size: 16px; padding: 0; text-transform: none; float: left; margin-bottom: -5px;}
.product p { font-size: 13px; line-height: 1.3em; margin-top: 5px;}
.product .right { float: left; width: 30%;}
.product i { padding: 0 5px 0 10px; font-style: normal; font-weight: bold; float: right;}

.tc-toggle, .tc-accordion {margin:0; position: relative;}
.tc-toggle-title { padding: 10px 35px; border: none; border-bottom: 3px solid #a0d3e4; cursor: pointer; background: none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
.tc-toggle-title:hover { background: rgba(0,0,0,0.1);}
.tc-toggle-content { padding: 15px; border: none; border-top: none; display: none;}
.tc-toggle-open .tc-toggle-title { background: rgba(0,0,0,0.1); color: #a0d3e4; font-weight: 400; border-bottom: none;}
.tc-toggle-open .tc-toggle-content{ display:block; background: rgba(0,0,0,0.5); border-top: 3px solid #a0d3e4;}
.tc-toggle-title:before { content: "+"; display: block; position: absolute; left: 5px; top: 10px; font-size: 20px; line-height: 1em; text-align: center; z-index: 99; width: 20px; height: 20px;}
.tc-toggle-open .tc-toggle-title:before {content: "-";}

/************************************/
/************* END CSS! *************/