/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Header **/
a#logo img.responsive-img {
	padding-bottom: 30px !important;
}

/** Header >> Social Icons **/
a.social-icon i {
	font-size: 25px !important;
	line-height: 40px !important;
}

/** Header >> Social Icon WIDTH **/
a.social-icon {
	width: 28px !important;
}

/** Header >> Contact Widget Font Size **/
.ewf_widget_contact_info {
	font-size: 16px !important;
	font-weight: 400 !important;
}

/** Header >> Page Header **/
div#content div#page-header {
	text-align: center !important;
	margin-bottom: 0px !important;
	border-top-color: rgb(84, 142, 157) !important;
	border-bottom-width: 0px !important;
}

/** Header >> Header Top Padding 0 **/
#header-top {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/** Header >> Header Top Widget Margin Right 0 **/
#header-top .ewf_widget_contact_info ul li {
	margin-right: 0px !important;
}


/*= Main menu ================= */

/** Main menu >> Menu Item Span - Current Page **/
.sf-menu > li.current-menu-ancestor > a span, 
.sf-menu > li.current-menu-parent > a span, 
.sf-menu > li.current-page-parent > a span, 
.sf-menu > li.current > a span, 
.sf-menu > li.current > a:hover span {
	/* MT [ google_font: 1 | variant: 500 ] */
	font-family: 'Roboto' !important;
	color: rgb(16, 29, 83) !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: rgba(16, 29, 83, 0) !important;
	padding-top: 54px !important;
	padding-bottom: 80px !important;
	border-radius: 0px !important;
}

/** Main menu >> Menu Items **/
.sf-menu > li > a span {
	color: rgb(34, 34, 34) !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
}

/** Main menu >> Menu Link A **/
.sf-menu > li > a {
	/* MT [ google_font: 1 | variant: 400normal ] */
	font-family: 'Roboto' !important;
	font-weight: 400 !important;
	padding-top: 54px !important;
	padding-bottom: 80px !important;
}

/** Main menu >> .SF-Menu **/
.sf-menu {
	margin-top: -30px !important;
}

/** Main menu >> SF Menu Hover **/
.sf-menu a:hover {
	background-color: rgb(239, 239, 239) !important;
}

/** Main menu >> Span Hide Me Menu Home **/
span.hideme {
	display: none !important;
}


/*= Content =================== */

/** Content >> Paragraph Text **/
div#content p {
	color: rgb(0, 0, 0) !important;
}

/** Content >> Heading 1 **/
div#content h1 {
	color: rgb(16, 29, 83) !important;
	font-size: 45px !important;
	line-height: 65px !important;
}

/** Content >> Heading 2 **/
div#content h2 {
	color: rgb(0, 0, 0) !important;
}

/** Content >> Blockquote **/
div#content blockquote p {
	color: rgb(16, 29, 83) !important;
	font-size: 22px !important;
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("https://www.windowworksstudio.com/wp-content/uploads/2014/07/BlockQuote2.png") !important;
	background-repeat: no-repeat !important;
	padding-bottom: 18px !important;
	padding-left: 40px !important;
	border-left: 4px none rgb(16, 29, 83) !important;
}

/** Content >> Heading 6 **/
div#content h6 {
	color: rgb(34, 34, 34) !important;
}

/** Content >> Heading 3 **/
div#content h3 {
	color: rgb(0, 0, 0) !important;
}

/** Content >> White Text H3, H2 & H1 **/
div#content .whitetext h3, 
div#content .whitetext h1, 
div#content .whitetext h2, 
div#content .whitetext p {
	color: rgb(255, 255, 255) !important;
	font-weight: 300 !important;
}

/** Content >> Ul List **/
div.wpb_text_column div.ewf-wrapper ul {
	color: rgb(0, 0, 0) !important;
	list-style-image: url("https://www.windowworksstudio.com/wp-content/uploads/2014/07/LogoEndPieceIcon-2.png") !important;
	list-style-position: outside !important;
	background-color: rgba(255, 255, 255, 0) !important;
	background-image: none !important;
	margin-left: 12px !important;
	border-style: none !important;
}

/** Content >> Button Large Classic Blue **/
.vc_btn3.vc_btn3-color-primary, 
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
	font-size: 14px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: rgb(27, 35, 83) !important;
}

/** Content >> Accordion Title Font Weight **/
.wpb_accordion_header a {
	font-weight: 400 !important;
}

/** Content >> Colio Background Color **/
.colio-theme-black .colio-container {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(214, 224, 185) !important;
}

/** Content >> Colio Header Text **/
div#content h3.colio-title {
	color: rgb(0, 0, 0) !important;
}

/** Content >> Colio Para Text **/
div#content div.colio-main p {
	color: rgb(255, 255, 255) !important;
}

/** Content >> Colio Item H4 **/
.colio-summary h4 a {
	/* MT [ google_font: 1 | variant: 400normal ] */
	font-family: 'Roboto' !important;
	color: rgb(255, 255, 255) !important;
	font-size: 32px !important;
	font-weight: 300 !important;
	text-transform: none !important;
	box-shadow: 0 0 0px !important;
	background-color: rgba(221, 221, 221, 0) !important;
	margin-left: 15px !important;
}

/** Content >> Colio Summary **/
div.colio-summary {
	background-color: rgb(46, 154, 168) !important;
}

/** Content >> Colio Thumnail Padding **/
.colio-thumb-padding .colio-thumb {
	margin: 0px !important;
	border-width: 0px !important;
}

/** Content >> Ul Colio List **/
div#colio_gallery_page ul.colio-list {
	margin-bottom: 32px !important;
}

/** Content >> Div Colio Inner **/
div.colio-inner {
	margin-bottom: 20px !important;
}

/** Content >> Colio Hide Subtitle **/
div.colio-main div.colio-subtitle {
	display: none !important;
}

/** Content >> Colio Main **/
div.colio-main {
	width: 100% !important;
}

/** Content >> Colio Side **/
div.colio-side {
	width: 100% !important;
}

/** Content >> Testimonial Author **/
.testimonial-author {
	width: 100% !important;
	margin-right: 0px !important;
}

/** Content >> Blog Background Color **/
.vc_gitem_row .vc_gitem-col {
	background-color: rgb(238, 238, 238) !important;
}

/** Content >> Blog Read More Button **/
.vc_btn3.vc_btn3-color-juicy-pink, 
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
	background-color: rgb(27, 35, 83) !important;
	width: 110% !important;
	margin-left: -10px !important;
	border-radius: 0px !important;
}

/** Content >> Blog Button Read More Margin-bottom **/
.vc_btn3-container {
	margin-bottom: -10px !important;
}

/** Content >> Active Dot **/
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot.active span {
	border-color: rgb(46, 154, 168) !important;
	border-width: 12px !important;
	border-radius: 12px !important;
}

/** Content >> Inactive Dot **/
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots .vc_grid-owl-dot span, 
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span {
	width: 12px !important;
	height: 12px !important;
	border-color: rgb(214, 224, 185) !important;
	border-width: 12px !important;
}

/** Content >> Post Excerpt **/
div.vc_gitem-post-data-source-post_excerpt p {
	font-size: 16px !important;
}

/** Content >> Post Excerpt Title **/
div.vc_gitem-post-data-source-post_title h4 {
	color: rgb(0, 0, 0) !important;
	font-size: 20px !important;
	font-weight: 300 !important;
}

/** Content >> Widget Titles **/
h3.widget-title span {
	font-weight: 300 !important;
	text-transform: none !important;
}

/** Content >> Post Title **/
.blog-post-title h2 a {
	color: rgb(0, 0, 0) !important;
	font-weight: 300 !important;
}

/** Content >> Blog Post Author **/
div.blog-post-title h3 {
	font-size: 16px !important;
	font-weight: 300 !important;
	font-style: italic !important;
}

/** Content >> Widget Recent Entries UL **/
.widget_recent_entries ul li {
	margin-bottom: 10px !important;
}

/** Content >> Widget Title Margin-bottom **/
.widget-title {
	margin-bottom: 20px !important;
}

/** Content >> Select Archives Dropdown **/
select#archives-dropdown-2 {
	width: 100% !important;
	border-radius: 0px !important;
}

/** Content >> Comment Area Width **/
.comment-form-comment textarea#comment {
	width: 100% !important;
	border-radius: 0px !important;
}

/** Content >> Input Submit **/
form#comment-form input#submit {
	border-radius: 0px !important;
}

/** Content >> Search Input **/
form#searchform input#s {
	border-radius: 0px !important;
}

/** Content >> Widget Categories : Before **/
.widget_categories a:before {
	background-color: rgb(255, 255, 255) !important;
	background-image: url("https://www.windowworksstudio.com/wp-content/uploads/2014/07/LogoEndPieceIcon-2.png") !important;
	background-repeat: no-repeat !important;
	display: none !important;
}

/** Content >> Categories Ul Li **/
.widget_categories ul li {
	background-image: url("https://www.windowworksstudio.com/wp-content/uploads/2014/07/LogoEndPieceIcon-2.png") !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
}

/** Content >> Alert Info Blog **/
.alert.info {
	background-color: rgb(46, 154, 168) !important;
	background-image: linear-gradient(rgb(46, 154, 168), rgb(46, 154, 168)) !important;
	border-width: 0px !important;
	border-radius: 0px !important;
}

/** Content >> Widget Archive Select Width **/
.widget_archive select {
	width: 100% !important;
	border-radius: 0px !important;
}

/** Content >> Widget Margin Bottom **/
.widget {
	margin-bottom: 36px !important;
}

/** Content >> Contact Form 7 Border Radius **/
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form textarea, 
.wpcf7-form input[type="submit"] {
	border-radius: 0px !important;
}

/** Content >> Google Map **/
.google-map {
	height: 280px !important;
	min-height: 280px !important;
}

/** Content >> Social Icons Contact Page **/
.socialiconsblack a.social-icon {
	color: rgb(0, 0, 0) !important;
}

/** Content >> Input Text G-Forms **/
.gform_wrapper .ginput_complex input[type=text], 
.gform_wrapper .top_label li.gfield.gf_left_half input.medium, 
.gform_wrapper .top_label li.gfield.gf_right_half input.medium, 
.gform_wrapper .top_label input.medium, 
.gform_wrapper textarea.medium, 
.gform_wrapper .gform_footer input.button, 
.gform_wrapper .gform_footer input[type=submit] {
	width: 100% !important;
	border-radius: 0px !important;
}

/** Content >> Header Top Widget Padding **/
#header-top .widget {
	margin-bottom: 0px !important;
}

/** Content >> Colio Title **/
.colio-theme-black .colio-item .colio-title {
	color: rgb(0, 0, 0) !important;
}

/** Content >> Colio List Colio Summary Center **/
.colio-list .colio-summary h4 {
	text-align: center !important;
}

/** Content >> Divider Double Line **/
.divider.double-line {
	margin: 10px 0 10px 0 !important;
	border-top: 4px double rgb(84, 142, 157) !important;
}

/** Content >> Divider Single Line **/
.divider.single-line {
	margin: 0px 0 -26px 0 !important;
	border-top: 1px solid rgb(84, 142, 157) !important;
}

/** Content >> Galleria Info Text **/
.galleria-info-text {
	color: rgb(255, 255, 255) !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	background-color: rgb(27, 35, 83) !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-top: -20px !important;
	display: block !important;
}

/** Content >> Galleria Info Link **/
div.galleria-info-link {
	display: none !important;
}

/** Content >> Galleria Info **/
.galleria-info {
	width: 100% !important;
	left: 0px !important;
}

/** Content >> Galleria Info Description **/
div#content div.galleria-info-description {
	/* MT [ google_font: 1 | variant: 400normal ] */
	font-family: 'Open Sans' !important;
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-style: normal !important;
}

/** Content >> Galleria Container **/
.galleria-container {
	background-color: rgb(51, 51, 51) !important;
}

/** Content >> Hide 3-column Galleria Loading **/
div.gallery.gallery-columns-3 {
	display: none !important;
}

/** Content >> Post Item Data **/
div.vc_gitem-post-data h4 {
	color: rgb(27, 35, 83) !important;
	font-weight: 400 !important;
}


/*= Footer ==================== */

/** Footer >> Hide Footer Middle **/
div#footer-middle {
	display: none !important;
}

/** Footer >> Contact Info Widget **/
.ewf_widget_contact_info ul li {
	color: rgb(255, 255, 255) !important;
	margin-left: 20px !important;
	display: inline-block !important;
}

/** Footer >> Contact Info Widget Icon **/
.ewf_widget_contact_info ul li i {
	color: rgb(255, 255, 255) !important;
}

/** Footer >> Social Icon **/
a.social-icon {
	color: rgb(255, 255, 255) !important;
}

/** Footer >> Footer Widget Area 2 - Hide **/
div#footer-bottom div#footer-bottom-widget-area-2 {
	display: none !important;
}

/** Footer >> Footer Widget Area 1 **/
div#footer-bottom-widget-area-1 {
	text-align: center !important;
	width: 100% !important;
}

/** Footer >> Footer Social Media Center **/
div.ewf_widget_social_media div {
	display: inline-block !important;
}

/** Footer >> Footer Widget Margin Bottom **/
#footer .widget {
	margin-bottom: 20px !important;
}

/** Footer >> Comments Heading **/
div#comments h3.section-heading {
	font-weight: 300 !important;
	display: none !important;
}

/** Footer >> EWF Wrapper **/
div.ewf-wrapper {
	padding-bottom: 1px !important;
}

/** Footer >> Footer Contact Links A **/
div#ewf_widget_contact_info-3 a {
	color: rgb(255, 255, 255) !important;
}

/** Footer >> Footer Text Widget A Color **/
div.hjawidget.textwidget div a {
	color: rgb(0, 0, 0) !important;
}


/*( Extra Large Desktop )*/
@media (min-width: 1400px) {

	/*= Header ==================== */

	/** Header >> Header Contact Info Width - DISABLED **/
	div#ewf_widget_contact_info-2 ul -- DISABLED {
	font-size: 14px !important;
	width: 1000px !important;
	margin-top: 10px !important;
}

	/** Header >> Span Houzz **/
	div.hjawidget.textwidget {
	text-align: right !important;
	margin-top: 10px !important;
}

	/** Header >> Width Of Top Header Area2 **/
	div#header-top-widget-area-2.ewf-span6 {
	width: 58% !important;
	float: right !important;
}

	/** Header >> Width Of Top Header Area1 **/
	div#header-top-widget-area-1.ewf-span6 {
	width: 36% !important;
	padding-top: 10px !important;
}


	/*= Content =================== */

	/** Content >> SkinnyPicture **/
	.skinnypicture {
	display: none !important;
}

	/** Content >> Super Skinny Picture **/
	.superskinnypicture {
	display: none !important;
}


	/*= Footer ==================== */

	/** Footer >> Footer Subscribe Widget Align Center Phone **/
	div.footeralignleft {
	text-align: left !important;
}


}


/*( Large Desktop )*/
@media (min-width: 980px) and (max-width: 1399px) {

	/*= Header ==================== */

	/** Header >> Social Icons **/
	a.social-icon i {
	margin-top: 10px !important;
}

	/** Header >> Header Contact Info Width - DISABLED **/
	div#ewf_widget_contact_info-2 ul -- DISABLED {
	font-size: 13px !important;
	line-height: 24px !important;
	width: 400px !important;
	margin-top: 10px !important;
}

	/** Header >> Span Houzz **/
	div.hjawidget.textwidget {
	text-align: right !important;
	margin-top: 16px !important;
}

	/** Header >> Width Of Top Header Area2 **/
	div#header-top-widget-area-2.ewf-span6 {
	width: 55% !important;
	float: right !important;
}

	/** Header >> Width Of Top Header Area1 **/
	div#header-top-widget-area-1.ewf-span6 {
	width: 25% !important;
}


	/*= Main menu ================= */

	/** Main menu >> Menu Items **/
	.sf-menu > li > a span {
	font-size: 14px !important;
	padding-right: 10px !important;
	padding-left: 10px !important;
}


	/*= Content =================== */

	/** Content >> Widepicture **/
	.widepicture {
	display: none !important;
}

	/** Content >> Super Skinny Picture **/
	.superskinnypicture {
	display: none !important;
}


	/*= Footer ==================== */

	/** Footer >> Footer Subscribe Widget Align Center Phone **/
	div.footeralignleft {
	text-align: left !important;
}


}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Header ==================== */

	/** Header >> Social Icons **/
	a.social-icon i {
	font-size: 18px !important;
	line-height: 18px !important;
}

	/** Header >> Header Contact Info Width - DISABLED **/
	div#ewf_widget_contact_info-2 ul -- DISABLED {
	font-size: 14px !important;
	width: 500px !important;
}

	/** Header >> Span Houzz **/
	div.hjawidget.textwidget {
	text-align: right !important;
}

	/** Header >> Logo On Phone **/
	#logo {
	width: 250px !important;
}


	/*= Content =================== */

	/** Content >> SkinnyPicture **/
	.skinnypicture {
	display: none !important;
}

	/** Content >> Widepicture **/
	.widepicture {
	display: none !important;
}

	/** Content >> Galleria Info Description **/
	div#content div.galleria-info-description {
	font-size: 14px !important;
}


	/*= Footer ==================== */

	/** Footer >> Footer Subscribe Widget Align Center Phone **/
	div.footeralignleft {
	text-align: left !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= Header ==================== */

	/** Header >> Wrap Top Color **/
	#wrap {
	border-top-color: rgb(27, 35, 83) !important;
	border-top-width: 5px !important;
}

	/** Header >> Header Top Show On Phones **/
	#header-top {
	text-align: center !important;
	padding-top: 1px !important;
	display: block !important;
}

	/** Header >> Logo On Phone **/
	#logo {
	width: 250px !important;
}


	/*= Content =================== */

	/** Content >> SkinnyPicture **/
	.skinnypicture {
	display: none !important;
}

	/** Content >> Super Skinny Picture **/
	.superskinnypicture {
	display: none !important;
}

	/** Content >> Button Large Classic Blue **/
	.vc_btn3.vc_btn3-color-primary, 
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
	margin-bottom: 25px !important;
}

	/** Content >> Row EWF  **/
	.ewf-row {
	padding-bottom: 1px !important;
}

	/** Content >> Galleria Info Description **/
	div#content div.galleria-info-description {
	font-size: 14px !important;
}


	/*= Footer ==================== */

	/** Footer >> Footer Subscribe Widget Align Center Phone **/
	div.footeralignleft {
	text-align: left !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Header ==================== */

	/** Header >> Wrap Top Color **/
	#wrap {
	border-top-color: rgb(27, 35, 83) !important;
	border-right-color: rgb(94, 94, 94) !important;
	border-top-width: 12px !important;
}

	/** Header >> Header Top Show On Phones **/
	#header-top {
	text-align: center !important;
	padding-top: 1px !important;
	display: block !important;
}

	/** Header >> Logo On Phone **/
	#logo {
	width: 225px !important;
}


	/*= Content =================== */

	/** Content >> SkinnyPicture **/
	.skinnypicture {
	display: none !important;
}

	/** Content >> Super Skinny Picture **/
	.superskinnypicture {
	display: none !important;
}

	/** Content >> Button Large Classic Blue **/
	.vc_btn3.vc_btn3-color-primary, 
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
	margin-bottom: 25px !important;
}

	/** Content >> Galleria Info Description **/
	div#content div.galleria-info-description {
	font-size: 10px !important;
}

	/** Content >> Galleria Container Height **/
	div.galleria-container {
	height: 480px !important;
}


	/*= Footer ==================== */

	/** Footer >> Footer Subscribe Widget Align Center Phone **/
	div.footeralignleft {
	text-align: center !important;
}

	/** Footer >> Footer Mialing List Input Width **/
	div#html_javascript_adder-3 input.wysija-input {
	width: 100% !important;
}


}