/*
 Theme Name:     SkyWeb Foundation Theme
 Description:    SkyWeb Foundation Theme
 Author:         skywebdesigns.ph
 Template:       skywebfoundation
 Version:        1.3
*/

/* Container */
.sw-row, .sw-row-dropdown { width: 100%; display: block; overflow: hidden }
.sw-row-dropdown { overflow: visible; }

/* Elements */
ul, ol, dl { list-style-position: outside; list-style-type: square; color: inherit; font-size: 98%; margin: 15px; }
ul > li > ul { list-style-type: disc; }
[class*="block-grid-"] > li { padding-bottom: 0; }
figure { margin: 0; }
figcaption.wp-caption-text { font-size: 76%; text-align: right }
p:empty, .shortcode_blockgrid br { display: none; }
p > a { display: inline-block; }
b, strong, i { color: inherit !important; }

/* Wordpress Styles */
.alignleft { text-align: left; }
.aligncenter { text-align: center !important; }
.alignright { text-align: right; }
img.alignleft, figure.alignleft { float: left !important; margin-right: 15px !important; }
img.alignright, figure.alignright { float: right; margin-left: 15px; }
img.alignnone, figure.alignnone { width: 100% !important; height: auto; margin-bottom: 15px; }
img.aligncenter, figure.aligncenter { margin: 0 auto 20px !important; text-align: center }
img.iconsize { width: 80px !important; height: auto; display: block; }

.center-vertically { position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; }

.hvr-opacity { opacity: .8; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.hvr-opacity:hover { opacity: 1; border: 1px solid #ccc; }

/* Foundation Grid */
.small-block-grid-1 > li, .small-block-grid-2 > li, .medium-block-grid-1 > li, .medium-block-grid-2 > li
{ margin-bottom: 30px; }

#videoModal, .reveal-modal { top: 0px; }

/* FORM */
.widget_search { background: none !important; padding: 0 !important; }
.widget_search > form { overflow: hidden; width: 100%; padding: 0; }
#btnSearch { width: 100%; margin: 0; padding: 0; height: 37px; }

/* TOP HEADER ////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* SITE HEADER ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#site-header { background: #fff; }
#sidebar-header { text-align: right }
#sidebar-header .widget { display: inline-block; vertical-align: middle; margin: 0 10px; }
#sidebar-header .top-bar { background: none; }
#sidebar-header * { margin: 0; line-height: normal }
#sidebar-header .menu { list-style-type: none; text-align: right; }
#sidebar-header .menu li { display: inline-block; vertical-align: middle; padding: 0 20px; }

/* MENU */
.top-bar-section ul li > a { font-size: 96%; }
.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0 20px; }	

/* Left Right Sidebars */
#sidebar-left, #sidebar-right { margin-top: 10px; }

/* CONTENT ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
article#main { padding-top: 40px; padding-bottom: 50px; }

/* Scroll to Top */
.scroll-to-top { font-size: 3rem; padding: 3px 5px; position: fixed; bottom: 10px; right: 0; z-index: 9999; color: #fff; background: #888; opacity: .5; line-height: 20px; margin-bottom: 0 }

/* Hero Banner */
#hero-banner { position: relative; overflow: hidden }
#hero-banner label { position: absolute; bottom: 0; right: 0; font-size: 70%; color: #666; background: #eee; padding: 3px 6px; }
#hero-banner-content { padding: 5px 15px 15px 15px; }

/* Page Title */
.page-title { margin-bottom: 30px; }

/* Post Meta */
.post-meta-span-author, .post-meta-span-date { font-size: .80rem; margin-right: 15px; display: inline-block; }
.post-meta-span-date { margin-bottom: 20px; }

/* Post Navigator */
#row-post-navigator { margin: 30px 0 0; }

/* Sideline Content */
#sideline-content p { font-size: 94%; }

/* Social Share Buttons */
#social-share-buttons { display: block; clear: both; }
#social-share-buttons li { display: inline-block; margin: 30px 5px 0; }
#social-share-buttons li a { padding: 3px 10px 0 10px; font-size: .8rem; }
#social-share-buttons li a i { font-size: 1.4rem; vertical-align: middle }
.fb-like { line-height: .6rem; }
.share-facebook, .share-facebook:hover { background: #4c66a4; color: #fff; }
.share-linkedin, .share-linkedin:hover { background: #007ab9; color: #fff; }
.share-twitter, .share-twitter:hover { background: #00aced; color: #fff; }
.share-google, .share-google:hover { background: #e04006; color: #fff; }

/* Flex Slider */
.flex-wrapper { overflow: hidden; height: auto; display: block; clear: both; }
.flexslider { border: none !important; margin-bottom: 30px !important; }
.flexhome-content { background: #fff; opacity: .8; color: #fff !important; margin: 0 auto; padding: 20px; }
.flex-direction-nav a { height: 60px !important; }

/* Rotating Carousel */
#carousel img { display: hidden; cursor: pointer; }

/* Testimonial */
#flex-testimonial { margin: 0 auto; padding: 10px; }
.testimonial-content { background: url(img/ddl-speech.png) no-repeat bottom center; padding-bottom: 30px; margin-bottom: 5px; }

/* Team */
.team-links { margin-right: 15px; }

/* Responsive iFrame */
.responsive-iframe-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-iframe-container iframe, .vresponsive-iframe-container object, .vresponsive-iframe-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* GALLERY */
figure.gallery-item { display: inline-block; margin: 0 10px 30px 0; vertical-align: top; }
figure.gallery-item img { border: 1px solid #ccc; padding: 4px; }
#swipebox-title { color: #eee; }

/* Comments */
#row-comments { margin: 30px auto 40px; display: block; padding: 20px; overflow: hidden }
.comment { margin: 10px auto; padding: 10px 20px; background: #F9F9F9; list-style: none; border-top: 1px dashed #ccc; overflow: hidden }
#form-comments, .comment-body { overflow: hidden }
.comment-metadata time { color: #999; }

/* Contact Form */
article .wpcf7 { margin: 50px 0 80px; background: #F4F4F4; padding: 10px; }
.wpcf7 label { margin-bottom: 3px; }

/* Search Form */
.search-form { white-space: nowrap; }

/* Archive */
.listing-by-row { margin-bottom: 40px; overflow: hidden }
.listing-by-row:last-child { margin: 0; }
.archive-title, .archive-job-title { margin-bottom: 3px; }

/* Page Navigator */
.navigation { text-align: right; margin-top: 30px; overflow: hidden }
.navigation > h6, .navigation > ul { display: inline-block; vertical-align: middle; }
.navigation ul, .navigation > h6 { margin-bottom: 0; }
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled { text-decoration: none; }
.navigation li { display: inline-block; margin: 0 3px 0 0; padding: 0; width: auto }

/* Custom Rows */
.row-custom { overflow: hidden; }

/* ABOVE FOOTER ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sidebar-above-footer { background: #666; padding-top: 50px; padding-bottom: 30px; overflow: hidden }

/* SIDEBAR FOOTER ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sidebar-footer { background: #222; padding-top: 80px; padding-bottom: 60px; overflow: hidden }
#sidebar-footer .large-block-grid-1 > li { text-align: center; margin-bottom: 30px; }
#sidebar-footer .large-block-grid-1 > li:last-child { margin: 0; }

#sidebar-footer .widget_nav_menu ul > li { display: inline-block; vertical-align: top; text-align: left; padding: 0 1%; }
#sidebar-footer .widget_nav_menu ul > li > ul { margin: 15px 0 0 0; padding: 0; }
#sidebar-footer .widget_nav_menu ul > li > ul > li { display: block; padding: 10px 0; }

#sidebar-footer .widget_sw-follow-us a { margin: 0 1%; font-size: 2.5rem; display: inline-block; vertical-align: middle; color: #666; }
#sidebar-footer .widget_sw-follow-us .copyright { margin: 15px 0 0; }

/* Attributes */
#site-footer { background: #121212; color: #858585; font-size: 60%; padding-top: 3px; padding-bottom: 3px; }
#site-footer a { display: inline-block; color: #888; }

/* GLOBAL WIDGETS ////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#sidebar-left .widget, #sidebar-right .widget { margin-bottom: 30px; overflow: hidden; }
#sidebar-left .widget, #sidebar-right .widget, #sidebar-above-footer .widget, #sidebar-footer .widget 
{ border-radius: 2px; padding: 10px 0; }
.widget li { padding: 5px 0; }
.widget-title { margin-bottom: 20px; }
.widget > * { padding: 0 15px; }

@media only screen and (max-width: 64.0625em) {
	#sidebar-top-header, #site-header, #sidebar-header { text-align: center }
	#hero-banner, #hero-banner li, #hero-banner-content { height: 440px !important; }
	#hero-banner-content { width: 100% !important; }
	.center-vertically { top: 0; transform: none; }
	.row-custom { padding-top: 10px !important; padding-bottom: 10px !important; }
}
@media only screen and (max-width: 40.0625em){
	#wpadminbar { top: -46px; }
	#sidebar-header .widget { width: 100%; display: block; }
	article#main, #sidebar-above-footer { padding-top: 10px; padding-bottom: 10px; }
	#hero-banner, #hero-banner li, #hero-banner-content { height: 300px !important; }
	#hero-banner label { display: none; }
	#sidebar-left, #sidebar-right { margin-top: 30px; }
	#sidebar-footer { padding: 10px; }
	#sidebar-footer .widget { margin-bottom: 20px; }
	#sidebar-footer .widget_nav_menu { display: none; }
	#site-footer > div { text-align: center !important }
}