
/*------------------------
Theme Name: Trend Services
Theme URL: http://www.trendservices.net
Custom Wordpress Theme
Version: 1.0
Author: Pro Web Marketing
Author URI: http://www.prowebmarketing.com

COLORS
Blue #45489D
Dk Grey #333
Gray #827A73
Lt Grey #E5DFDA
White #FFF

FONTS
Open Sans
Oswald

CSS SECTIONS
# CSS BASICS
# NAV
# FOOTER NAV
# BUTTONS
# IMAGES
# HEADER
# HOME MESSAGE
# FEATURED PRODUCTS
# FOOTER
------------------------*/

/*------------------------
# CSS BASICS
------------------------*/
/* Custom Pagination */
.custom-pagination span, .custom-pagination a {display:inline-block;padding:2px 10px;}
.custom-pagination a{text-decoration:none;font-size:16px;border-radius:0;background:none;border:1px solid #DDD;color:#777;}
.custom-pagination a:hover {text-decoration:none;font-size:16px;border-radius:0;background:#EEE;border:1px solid #DDD;color:#23527c;}
.custom-pagination span.current{text-decoration:none;font-size:16px;border-radius:0;background:#EEE;border:1px solid #DDD;color:#23527c;}
/* */
.prow{border-bottom:1px solid #e5dfda;padding-bottom:20px;margin-bottom:30px;}

body {
	font-family: 'Open Sans', sans-serif;
	color: #333;-webkit-font-smoothing:antialiased;font-size:21px;
}
img{max-width:100%;height:auto;}
a {
	transition:all 0.2s ease-out;
	outline:none !important;
	text-decoration:none;
	color: #45489D
}
a:hover, a:focus {
	color: #666;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
	word-wrap: break-word;
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}
h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;font-size:48px;color:#333;
}
h2 {
	color: #45489d;
	font-size: 30px;font-family: 'Open Sans', sans-serif;
}
h3 {
	font-size: 1.25em;
}

hr{border-top:1px solid #666;}
/* Formidable Adjustments */
fieldset legend{display:none !important;} .frm_ajax_loading{display:none !important;} .g-recaptcha div{width:100% !important;} .ui-datepicker .ui-datepicker-title select{color:#000;}
.frm_error{color:#F00;font-size:12px;margin-top:5px;}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{color:#F00;}
.has-error .form-control{border-color:#F00;}
/* End Formidable Adjustments */
.btn{white-space:normal;}

.nomargin{margin-left:0;margin-right:0;}
.nopadding{padding-left:0;padding-right:0;}
.pipe {
	padding-bottom: 15px;
	padding-top: 10px;
}
.basic-page {
	padding-top: 50px;
	padding-bottom: 50px;
}
/*------------------------
# NAV
------------------------*/
/*
FOR QUICKY EDITING CSS OF NAV
bg colors in nav: #666 #FFF OR none
font colors in nav: #000
*/
#topnav {
	background-color: #46489d;
	z-index: 100;
	-webkit-box-shadow: 0px 2px 4px #333333;
	box-shadow: 0px 2px 4px #333333;position:relative;
}
/* Global Menu Styles */
.navbar{margin-bottom:0;min-height:0;}
.navbar-nav{margin:0;}
.navbar-default{background:none;border-radius:0;border:0;}
.nav>li>a{padding:10px 15px;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{padding:10px 15px;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle{font-size:21px;color:#FFF;text-align:center;text-transform:uppercase;}
.navbar-default .navbar-nav>li>a{background:none;color:#FFF;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color:#b3b7ff;text-decoration:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color:#b3b7ff;background:none;}
.navbar-default .navbar-nav .dropdown-menu>li>a{color:#FFF;white-space:normal;text-transform:capitalize;}
.navbar-default .navbar-nav .dropdown-menu>li>a:hover{text-decoration:none;}
.navbar-default .navbar-nav .dropdown-menu{background:#00064c;padding:0;text-align:center;border:0;border-radius:0;}
.navbar-default .navbar-nav .current-menu-item a{background:none;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:none;border:0;border-radius:0;}
.navbar-toggle{text-align:center;width:100%;float:none;margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;box-shadow:none;}
.navbar-collapse{padding:0;}
/* Dropdown Open with Active */
.navbar-default .navbar-nav>.open>a{background:none;text-decoration:none;}
.navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{background:none;color:#FFF;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{background:#00064c;text-decoration:none;color:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{background:#46489d;text-decoration:none;color:#FFF;font-weight:400;}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#FFF;background:#46489d;text-decoration:none;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#b3b7ff;background:none;}
/* Current Ancestor with Current Page Parent */
.navbar-default .navbar-nav .current-page-ancestor a, .navbar-default .navbar-nav .current-page-ancestor a:hover, .navbar-default .navbar-nav .current-page-ancestor a:focus, .navbar-default .navbar-nav .current_page_parent a{background:none;color:#b3b7ff;text-decoration:none;}

/*------------------------
# FOOTER NAV
------------------------*/
ul#menu-footer.menu {
	display: inline;
	list-style-type: none;
	margin:0;
	padding:0;
}
ul#menu-footer.menu li {
    display: inline;
	margin:0;
	padding:0;
	font-size: 1.125em;
}
ul#menu-footer.menu li:after {
	content: " | ";
	color: #666;
	font-size: 100%;
	margin: 0 0 0 .25em;
}
ul#menu-footer.menu li:last-child:after {
	content: " ";
}

/*------------------------
# BUTTONS
------------------------*/
.btn-default{border-radius: 0px;border: #45489D 2px solid;font-family: 'Oswald', sans-serif;text-transform: uppercase;background: none;color: #45489D;font-size:21px;}
.btn-default:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .btn-default.focus, .btn-default:focus{	background: #45489D;
	color: #fff;}
}

/*------------------------
# IMAGES
------------------------*/
/* keep for WP image captions and alignments */
img.centered{clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 8px 0;}
.wp-caption{background-color:#f5f5f5;border:1px solid #ddd;max-width:99%;margin-bottom:10px;padding-top:4px;text-align:center;}

/*------------------------
# HEADER
------------------------*/
header {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: #45489D 5px solid;
}
.header-info {
	text-align:center;padding-top:0;
}
.phone {
	font-family: 'Oswald', sans-serif;
	color: #45489D;
	font-size:48px;
	font-weight: 300;
}
.social-icons {padding-top:24px;
	font-size: 30px;
	color: #45489D;
	padding-left: 10px;
}
.social-icons:hover, .social-icons:focus {
	color: #827A73;
}
.connect a i.social-icons:hover{color:#333;}
#logo{padding-top:15px;padding-bottom:15px;text-align:center;}

/*------------------------
# HOME MESSAGE
------------------------*/
.home-message {
	position:relative;
	padding-bottom: 0px;

}
.subscribe {
	position: relative;
	padding:20px;
	background: #46489d;
	right: 0px;
	-webkit-box-shadow: -2px 2px 7px #333333;
	box-shadow: -2px 2px 7px #333333;color:#FFF;
}
.subscribe h1, .subscribe h2{color:#FFF;}
.subscribe .btn-default{border-radius: 0px;border: #FFF 2px solid;font-family: 'Oswald', sans-serif;text-transform: uppercase;background: none;color: #FFF;font-size:21px;}

/*------------------------
# FEATURED PRODUCTS
------------------------*/
.carousel {
	background: #E5DFDA;
	padding-top: 80px;
	padding-bottom: 80px;
}
.carousel .fa{font-size:30px;padding-top:100px;}
.carousel h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 48px;
}
.carousel h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 30px;color:#333;
}
.carousel h3 a{color:#333;}
.carousel-bg {background: -moz-linear-gradient(left,  rgba(229,223,218,0) 0%, rgba(255,255,255,1) 50%, rgba(229,223,218,0) 100%);
background: -webkit-linear-gradient(left,  rgba(229,223,218,0) 0%,rgba(255,255,255,1) 50%,rgba(229,223,218,0) 100%);
background: linear-gradient(to right,  rgba(229,223,218,0) 0%,rgba(255,255,255,1) 50%,rgba(229,223,218,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5dfda', endColorstr='#00e5dfda',GradientType=1 );

	border-top: 1px #45489D solid;
}
.item {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

/*------------------------
# FOOTER
------------------------*/
.footer-top {
	background-image: url(img/bg-footer.jpg);
	-webkit-box-shadow: inset 0px 0px 10px;
	box-shadow: inset 0px 0px 10px;
	padding-top: 80px;
	padding-bottom: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
}
.footer-bottom {
	background: #46489d;
	padding-top: 50px;
	padding-bottom: 20px;color:#FFF;font-size;21px;
}
.connect {
	text-align: center
}
.connect h2 {
	font-family: 'Oswald', sans-serif;
	color: #333;
	font-weight: 300;
	font-size: 48px;
}
.footer-bottom-content {
	padding-bottom: 20px;text-align:center;
}

.footer-bottom-content a{text-transform:uppercase;color:#FFF;}
.footer-bottom-content a:hover{color:#FFF;}
.credits {
	border-top: #a1a4cd solid 1px;
	text-align: center;
	padding-top: 20px;font-size:21px;
}
.credits a {
	color: #FFF;
}
.credits a:hover, .credits a:focus: {
	color: #FFF
}

@media (min-width:768px) {
#logo{padding-top:35px;padding-bottom:50px;text-align:left;}
.header-info {padding-top:25px;text-align:right;}
.social-icons {padding-top:5px;}
.nav>li>a{padding:25px 15px;}
.navbar .navbar-nav{float:none;margin:0 auto;display:table;table-layout:fixed;}
.navbar-nav>li>a, .dropdown-menu>li>a, .navbar-default .navbar-toggle, .navbar-default .navbar-nav .dropdown-menu {
	text-align:left;
}
.home-message {
	position:relative;
	padding-bottom: 50px;
}
}
@media (min-width:992px) {
.header-info {padding-top:45px;}
.social-icons {padding-top:24px;}
}
@media (min-width:1200px) {
}
