/*
Theme Name: Construct
Theme URI: http://webylabs.com/
Author: Jasin@Webylabs.com
*/
/**
* -----------------------------------------------------------------------------------------------
* PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
* See url('/style.css') for further notes
* -----------------------------------------------------------------------------------------------
*/
/**
***************************************************
Table Of Contents
* Main
* Top Bar
* (Module) Cover Area
* Header
o Sticky Header
o Logo
o Top Aside
+ Webyfish Menu
o Logo v/s Menu Widths
* Main Nav
* Dropdown Menu System (Superfish, Webyfish)
o Topbar Menu Specific
o Header Menu Specific
+ Superfish Specific
+ Webyfish specific
* Mobile Menu System (Select)
* Sub Header
o Text Blocks
o Header Icons - Social Profiles
o Search
* (Module) Content Columns
* (Module) Nivo Slider
* (Module) BX Slider, Carousal Slider
* (Module) Carousal
* (Module) Slider Revolution
* (Module) Gallery
* (Module) Message
* (Module) Tagline
* Pages
o General
+ Header
+ Meta Information
+ Content Area
o Single Post and Page
+ Paginated Post
+ Post Navigation
o Attachment Page
o Page Comments
o Archive Page
* Widget And Plugins
o Sidebar
o Widgets
o WordPress Widgets
o Post Blips - Recent / Popular / Excerpts
o Related Posts
o Contact Info
o Contact Form 7
o Really Simple Share
o Slider Revolution
o Comprehensive Google Map Plugin
o bbPress
* Shortcodes
* Footer
* Admin
* Media Queries
o Wide Screen
o Touch Devices (Tablets and Mobile) / Tablets
o Mobile
*******************************************************/
/* MAIN
================================================================================================== */
html { }
.responsive { }
.non_responsive { }
body { }
#page { }
.site_boxed { border-top: none !important; }
.wf_module { margin-top: 65px; margin-bottom: 65px; }
.wf_module_inner_pad { padding: 2.5em 2.5em 2.9em; }
.wf_module_inner_neg { margin: -2.5em 0 -2.5em; }
.span-content { }
.span-sidebarA { }
.span-sidebarB { }
/* TOP BAR
================================================================================================== */
#wf_module-topbar { height: auto; z-index: 222; }
#topbar { padding: 10px 0px 10px 0px; position: relative; z-index: 999; font-size: 0.923em; }
#topbar p { padding: 0; }
.topbar_cols { }
.topbar_close { cursor: pointer; font-weight: bold; font-size: 1.083em; margin: 0 -30px 0 30px; }
.topbar_ccol { text-align: center; }
.topbar_lcol { text-align: left; }
.topbar_rcol { text-align: right; }
.topbar_nav { }
/* [MODULE] COVER AREA
================================================================================================== */
#wf_module-coverarea { }
#page .module_cover { margin-top: 0; margin-bottom: 0; }
.cover_html { position: relative; }
#page .cover_html { border-right: none; border-left: none; border-top: none; }
.covercontent_txt { padding: 2.5em; width: 100%; }
.cover_img { }
.covercontent_img { position: relative; }
.covercontent_img img { max-height: none; }
.cover_slider, .cover_nivo, .cover_bx, .cover_carousal { }
.cover_revslider { }
.cover_gallery { }
.cover_gallery .wf_gallery_header { margin: 25px 0; }
.cover_gallery .gal_items_box { margin-top: 0; }
/* HEADER
================================================================================================== */
#masthead { }
.site-header { }
.wf_headershadow { }
#page #wf_module-top { border-top: none; border-left: none; border-right: none; }
#top { }
#top_wrap { }
/*** Sticky Header ***/
.sticky-wrapper { } /*placeholder for absent stickyhead*/
.wf_stickyhead { }
.wf_stickyhead.stuck { position: fixed; top: 0; z-index: 1001; }
.wf_stickyhead.stuck #top { }
.wf_stickyhead.stuck .logo_img, .wf_stickyhead.stuck .logo_img img { width: auto;/* for compatibility with Retin-2x */ }
/*** Logo ***/
#logo { padding: 10px 0; }
#site-title, #site-title a, #site-title a:hover, #site-title a:visited { margin: 0; line-height: 1em; }
/* Text */
.logo_txt a { -webkit-transition: color 0.2s linear, font-size 0.5s linear, line-height 0.5s linear;
-moz-transition: color 0.2s linear, font-size 0.5s linear, line-height 0.5s linear;
-o-transition: color 0.2s linear, font-size 0.5s linear, line-height 0.5s linear;
transition: color 0.2s linear, font-size 0.5s linear, line-height 0.5s linear; }
#site-description { margin: 0; line-height: 1em; }
/* Image */
.logo_img { }
.logo_img .altimg { }
/*** Top Aside ***/
#header_aside { padding: 0 0 0 20px; }
.header_aside { }
/** Webyfish Menu **/
.header_aside { width: 100%; }
.webyfish_container { position: relative; padding: 0 40px; }
.header_menu_prev, .header_menu_next { display: none; width: 40px; position: absolute; top: 50%; margin-top: -17px; font-size: 34px; line-height: 34px; cursor: pointer; -webkit-transition:color 0.2s linear; -moz-transition:color 0.2s linear; -o-transition:color 0.2s linear; transition:color 0.2s linear; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.header_menu_prev:hover, .header_menu_next:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.header_menu_prev { left: 0px; text-align: left; }
.header_menu_next { right: 0px; text-align: right; }
.header_menu_mask { position: absolute; }
.page_withwebyfish { overflow: hidden; }
.header_menu_wrap { position: absolute; width: 9999px; left: 0; }
ul.header_menu { display: inline-block; }
/*** Logo v/s Menu Widths ***/
/* @note
- Important to give widths to logo (img) and menu (display as table-cells) to fix Firefox/Opera bug
- Use clip instead of overflow to fix height issue in absolutely positioned mask - overlaps body content (wf_stickyhead 's z-index) and makes them unclickable in modern browsers
- Deduct .webyfish_container's padding specified above from mask
*/
#logo { max-width: 290px; } /*290+620+20 = 930*/
#header_aside { width: 620px; }
.header_menu_mask { clip: rect(0px,540px,999px,0px); }
/* MAIN NAV
================================================================================================== */
#site-navigation { }
.main-navigation { }
.header_nav { }
.skip-link { }
/* DROPDOWN MENU SYSTEMS (SUPERFISH, WEBYFISH)
================================================================================================== */
.nav_menu { line-height: 1.69em; /*readjust line height based on nav font size*/ }
.nav_menu li { float: left; position: relative; -webkit-transition: background 0.3s ease-in; -moz-transition: background 0.3s ease-in; -o-transition: background 0.3s ease-in; transition: background 0.3s ease-in; }
.nav_menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.nav_menu li a { display: block; }
.nav_menu li .header_menuitem_title { }
.nav_menu li .header_menuitem_desc { padding-bottom: 5px; }
.nav_menu li.current-menu-item { }
/* Ist Level */
.nav_menu ul { position: absolute; top: -999em; }
.nav_menu li:hover ul, .nav_menu li.sfHover ul { z-index: 999; left: 0em; top: 100%; }
.nav_menu ul li { width: 100%; }
.nav_menu ul li:hover, .nav_menu ul li.sfHover { }
.nav_menu ul li:first-child { border-top: none; }
.nav_menu ul a { line-height: 1.95em; }
/* IInd Level */
.nav_menu li:hover li ul, .nav_menu li.sfHover li ul { top: -999em; }
.nav_menu li li:hover ul, .nav_menu li li.sfHover ul { }
/* IIIrd Level */
.nav_menu li li:hover li ul, .nav_menu li li.sfHover li ul { top: -999em; }
.nav_menu li li li:hover ul, .nav_menu li li li.sfHover ul { }
/*** arrows ***/
.nav_menu.sf-arrows .sf-with-ul:after { position: absolute; right: 5px; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; speak: none; -webkit-font-smoothing: antialiased; vertical-align: middle; content: "\f0d7"; }
.nav_menu.sf-arrows ul .sf-with-ul:after { content: "\f0da"; right: 8px; top: 50%; margin-top: -0.5em; line-height: 1em; }
/*** topbar menu specific ***/
.topbar_menu_container { }
.topbar_rcol .topbar_menu_container { float: right; }
.topbar_ccol .topbar_menu_container { display: inline-block; margin-bottom: -5px /*fixes space below inline-block*/; }
.topbar_menu { text-align: left; }
.topbar_menu li a { text-decoration: none; padding: 0.4em 1.15em 0.4em 0.77em; }
/* Ist Level */
.topbar_menu ul { width: 11em; }
/* IInd Level */
.topbar_menu li li:hover ul, .topbar_menu li li.sfHover ul { left: 11em; /* match ul width */ top: 0px; }
/* IIIrd Level */
.topbar_menu li li li:hover ul, .topbar_menu li li li.sfHover ul { left: 11em; /* match ul width */ top: 0px; }
/*** header menu specific ***/
.header_menu_container { }
.header_menu { }
.header_menu li a { padding: 0.4em 1.15em 0.4em 1em; }
.header_menu > li > a { padding: 0.6em 1.25em 0.2em 0em; }
.header_menu > li { margin: 0 2.77em 0 0; }
.header_menu > li:last-child { margin: 0; }
.header_menu li .header_menuitem_title { }
.header_menu li .header_menuitem_desc { border-top: solid 1px; }
/* Ist Level */
.header_menu ul { width: 13.8em; }
/* IInd Level */
.header_menu li li:hover ul, .header_menu li li.sfHover ul { left: 13.8em; /* match ul width */ top: -1px; }
/* IIIrd Level */
.header_menu li li li:hover ul, .header_menu li li li.sfHover ul { left: 13.8em; /* match ul width */ top: -1px; }
/** superfish specific **/
.superfish_container { }
.superfish_menu { }
/** webyfish specific **/
.webyfish_container { visibility: hidden; }
.webyfish_menu { }
/* MOBILE MENU SYSTEMS (SELECT)
================================================================================================== */
.mobile_menu_container { padding: 10px; text-align: center; }
select.menu_not_found { }
select.mobile_menu { width: 100%; margin-bottom: 0; }
/*** header menu specific ***/
select.header_mobile_menu { min-width: 100px; }
/*** topbar menu specific ***/
select.topbar_mobile_menu { min-width: 100px; }
/* SUB HEADER
================================================================================================== */
#wf_module-headerbar { }
.headerbar_sticky { }
#wf_module-headerbar a:hover { text-decoration: underline; }
#headerbar { text-align: right; line-height: 1.1em; }
.headerbar_unit { display: inline-block; border-right: solid 1px; padding: 0px 18px; margin: 10px 0;
-webkit-transition: margin 0.2s linear;
-moz-transition: margin 0.2s linear;
-o-transition: margin 0.2s linear;
transition: margin 0.2s linear; }
.headerbar_sticky .headerbar_unit { }
.headerbar_txtblock { }
/*** Header Icons - Social Profiles ***/
#headerbar_icons { padding: 0px 12px; }
.wf_social { margin: 0; }
#headerbar_icons .wf_social a:hover { text-decoration: none; }
/*Social Profiles - Header and Shortcode*/
.wf_social_profile { display: inline-block; line-height: 1em; min-width: 32px; text-align: center; }
.wf_social_profile a { padding: 0 3px; }
.subfootercolumn .wf_social_profile a { font-size: 1.182em; }
#primary .wf_social_profile a, #secondary .wf_social_profile a { font-size: 2em; line-height: 1.1em; }
.wf_social_icon i {
-webkit-transition: color 0.2s linear;
-moz-transition: color 0.2s linear;
-o-transition: color 0.2s linear;
transition: color 0.2s linear; }
.wf_social_custicon img { width: 1em; } /*constraints bigger images to size same as other icons; also helps with constraining size for bigger retina images*/
/*hover backgrounds*/
.wf_social_custom:hover { }
.wf_social_email:hover i { color: #e44321; }
.wf_social_phone:hover i { color: #ff6501; }
.wf_social_rss:hover i { color: #ff6501; }
.wf_social_amazon:hover i { color: #fc9804; }
.wf_social_blogger:hover i { color: #ff6501; }
.wf_social_delicious:hover i { color: #0002f5; }
.wf_social_deviantart:hover i { color: #5e7163; }
.wf_social_dribbble:hover i { color: #c6356b; }
.wf_social_facebook:hover i { color: #3c5a98; }
.wf_social_flickr:hover i { color: #0062dd; }
.wf_social_forrst:hover i { color: #2d4921; }
.wf_social_foursquare:hover i { color: #3ab6e8; }
.wf_social_googledrive:hover i { color: #f5de00; }
.wf_social_googleplus:hover i { color: #e44321; }
.wf_social_github:hover i { color: #000000; }
.wf_social_instagram:hover i { color: #3f729b; }
.wf_social_lastfm:hover i { color: #d2013b; }
.wf_social_linkedin:hover i { color: #00659b; }
.wf_social_picasa:hover i { color: #dd4b39; }
.wf_social_pinterest:hover i { color: #cf1d25; }
.wf_social_reddit:hover i { color: #ff4500; }
.wf_social_skype:hover i { color: #00aff0; }
.wf_social_soundcloud:hover i { color: #ff6600; }
.wf_social_stumbleupon:hover i { color: #ee4723; }
.wf_social_tumblr:hover i { color: #3e5976; }
.wf_social_twitter:hover i { color: #32ccfe; }
.wf_social_vimeo:hover i { color: #1bb6ec; }
.wf_social_wordpress:hover i { color: #3378b0; }
.wf_social_yahoo:hover i { color: #660f6e; }
.wf_social_yelp:hover i { color: #c41200; }
.wf_social_youtube:hover i { color: #d4231e; }
/*** Search ***/
/* search - headerbar */
#headerbar_search { }
.search_headerbar, .search_general { }
.searchhead { cursor: pointer; display: inline-block; }
.searchform_wrap { position: absolute; right: 30px; top: 100%; z-index: 9; display: inline-block; }
/* search - headerbar generic */
.searchform_wrap .searchbody { display: none; padding: 0 0.7em 0.7em 0.7em; }
.searchform_wrap input.searchtext { width: 205px; }
.searchform_wrap #wf_searchsubmit { right: 1.8em; margin-top: -0.8em; /*override to adjust searchbody padding*/ }
/* search - generic */
.searchbody { position: relative; font-size: 0.9em; line-height: 1.1em; }
.searchform { margin-bottom: 0; }
input.searchtext { width: 100%; max-width: 100%; padding: 6px 3.2em 6px 8px; margin: 0; display: block; }
.searchtext:focus { }
#wf_searchsubmit { position: absolute; top: 50%; right: 0.8em; cursor: pointer; line-height: 1em; margin-top: -0.55em; }
/* [MODULE] CONTENT COLUMNS
================================================================================================== */
.module_concols { }
.wf_concols { }
.conrow_withmargin { margin-bottom: 2em; }
.concol { }
.concol_regular { }
.concol_styled { }
.concol_styled .postbox, .concol_styled .conhtmlbox { margin: 2em; }
.concol_styled .postbox_slider, .concol_styled .postbox_img, .concol_styled .postbox_video { margin: -2em -2em 0px; }
.conhtmlbox { }
.postbox { }
.postbox_heading { }
.postbox_cover { }
.postbox_img { }
.postbox_slider { }
.postbox_slider .sc_nivo, .postbox_slider .sc_bx, .postbox_slider .sc_carousal, .postbox_slider .sc_rev { margin: 0; }
.postbox_video { }
.postbox_video .sc_video { margin: 0; }
.postbox_txt { margin-top: 1.416em; }
.postbox_txt p:first-child { margin-top: 0; }
/*remove top margins from heading/text/para for special cases*/
.concol_regular .postbox_heading:first-child, .concol_regular .postbox_txt:first-child { margin-top: 0; }
/*social icon styling for styled columns*/
.concol_styled a.wf_social_icon, .concol_styled a.wf_social_custicon { text-decoration: none; }
.concol_styled .wf_social_icon:hover i { color: inherit; }
/* [MODULE] NIVO SLIDER
================================================================================================== */
.module_nivo { background:url('../images/loading1.gif') no-repeat center center; }
.nivosliderwrap { position: relative; }
.nivo_hascaptions { }
.nivo_hasNav { }
.nivo_haspager { }
.nivo_hasthumb { }
.nivoSlider { }
.nivoSlider img { max-height: none; }
/*** Captions ***/
.nivo-caption { }
.nivo-caption p { padding: 0; margin: 0; }
.wf_nivocaption { padding: 4px 10px 5px; text-align: center; line-height: 1.4em; }
.nivo-caption, .nivo-caption a { background: none; padding: 0; }
.nivo-caption a { }
/*** Direction Nav ***/
.nivo-directionNav { z-index: 222; position: absolute; }
.nivo-directionNav a { border: 0; width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; text-decoration: none !important; display: inline-block; margin-left: 3px; /*reset position in nivo.css*/ position: relative; top: auto; left: auto; right: auto; bottom: auto; }
a.nivo-nextNav { }
a.nivo-prevNav { }
/*** Bullets Pager ***/
.nivo-controlNav { z-index:222; padding: 0; font-size: 1px; font: 0/0 a; color: transparent; position: absolute; }
.nivo-controlNav a.nivo-control { text-align: center; text-indent:-9999px; overflow: hidden; margin: 0 0 0 5px; display: inline-block; width: 8px; height: 8px; }
.nivo-controlNav a.active { }
.nivo-controlNav.nivo-thumbs-enabled a { min-width: 40px; height: auto; padding: 1px; margin-left: 7px; }
.nivo-controlNav.nivo-thumbs-enabled img { display: block; }
/*** Animate Opacity for Nav and Bullets ***/
.module_nivo .nivo-directionNav a, .module_nivo .nivo-controlNav a,
.sc_nivo .nivo-directionNav a, .sc_nivo .nivo-controlNav a { filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;
-webkit-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
-moz-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
-o-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear; }
.module_nivo:hover .nivo-directionNav a, .module_nivo:hover .nivo-controlNav a,
.sc_nivo:hover .nivo-directionNav a, .sc_nivo:hover .nivo-controlNav a { filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; }
/*** Navigation Positionings ***/
.nivo-directionNav { right: 5px; bottom: 5px; top: auto; }
.nivo_haspager .nivo-directionNav { top: auto; bottom: 18px; /*5+8+5*/ }
.nivo_hasthumb .nivo-directionNav { top: auto; bottom: 50px; /*5+40+5*/ }
.nivo_hascaptions .nivo-directionNav { top: 5px; bottom: auto; }
/*** Pager/Thumb Positionings ***/
.nivo-controlNav { right: 5px; top: auto; bottom: 5px; }
.nivo_hascaptions .nivo-controlNav { top: 5px; bottom: auto; }
.nivo_hasNav.nivo_hascaptions .nivo-controlNav { top: 40px; /*5+30+5*/ bottom: auto; }
/* [MODULE] BX SLIDER, CAROUSAL SLIDER
================================================================================================== */
/*BX exclusive - NOT present in Carousal mode */
.module_bx { }
#bxsliderwrap { }
.bx_hascaptions { }
.bxslider { height: 0px; overflow: hidden; } /* to prevent FOUC */
.bx-viewport .bxslider { height: auto; } /* unset 0 height once slider has setup */
.bxslide { }
.bx_slide_img { }
.bx_slide_vid { }
.bx_slide_html { padding: 2em; }
/*** General - Both BX and Carousal Mode ***/
.bx-wrapper { position: relative; padding: 0; *zoom: 1; }
.bx-wrapper img { width: 100%; display: block; max-height: none;/*override WebyFrames adaptive max-height else BXviewport height=0px*/}
.bx-wrapper .bx-viewport { border: none; background: transparent;
height: 0; overflow: hidden; /* to prevent FOUC */
-webkit-transition: height 0.5s linear;
-moz-transition: height 0.5s linear;
-o-transition: height 0.5s linear;
transition: height 0.5s linear; }
/*** Loader ***/
.bx-wrapper .bx-loading { background:url('../images/loading1.gif') center center no-repeat; }
/*** Controls ***/
.bx-controls { position: absolute; width: 95%; z-index: 222; }
.bx-has-pager { }
.bx-has-controls-direction { }
.bx-has-controls-auto { }
/*** Pager ***/
.bx-wrapper .bx-pager { position: absolute; font-size: 1px; font: 0/0 a; color: transparent; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; }
.bx-wrapper .bx-pager a { text-align: center; text-indent:-9999px; overflow: hidden; margin: 0 0 0 3px; display: inline-block; width: 8px; height: 8px; }
.bx-wrapper .bx-pager a.active { }
/*** Direction Control ***/
.bx-wrapper .bx-controls-direction { position: absolute; z-index: 222; }
.bx-wrapper .bx-controls-direction a { display: inline-block; margin-left: 3px; width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; text-decoration: none; }
.bx-wrapper .bx-prev { }
.bx-wrapper .bx-next { }
/*** Auto Control ***/
.bx-wrapper .bx-controls-auto { position: absolute; width: 30px; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { *zoom: 1; *display: inline; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item a { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 10px; text-align: center; text-decoration: none; }
.bx-wrapper .bx-controls-auto .bx-controls-auto-item i { position: relative; left: 1px; }
.bx-wrapper .bx-controls-auto .bx-start { }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active { }
.bx-wrapper .bx-controls-auto .bx-stop { }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active { }
/*** Image Captions ***/
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; width: 100%; }
.bx-wrapper .bx-caption span { display: block; }
.wf_bxcaption { padding: 4px 10px 5px; text-align: center; line-height: 1.4em; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; overflow: hidden; }
/*** Animate Opacity for Nav and Bullets ***/
.bx-controls { filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
.bx-controls, .bx-controls-direction a, .bx-pager a {
-webkit-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
-moz-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
-o-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear; }
.bx-wrapper:hover .bx-controls { filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; }
/*** Control Positionings ***/
.bx-controls { top: auto; bottom: auto; right: 5px; }
.bx-has-pager { top: auto; bottom: 13px; /*5+8*/ right: 5px; }
.bx-has-controls-direction, .bx-has-controls-auto { top: auto; bottom: 35px; /*5+30*/ }
.bx-has-controls-direction.bx-has-pager, .bx-has-controls-auto.bx-has-pager { top: auto; bottom: 48px; /*5+30+5+8*/ }
.bx_hascaptions .bx-controls { top: 5px; bottom: auto; }
/*control items positioning*/
.bx-pager, .bx-controls-direction, .bx-controls-auto { top: 0; right: 0; }
.bx-has-controls-direction .bx-pager, .bx-has-controls-auto .bx-pager { top: 35px; /*30+5*/ }
.bx-has-controls-direction .bx-controls-auto { right: 66px; /*2x (30+3)*/ }
/* [MODULE] CAROUSAL
* @note This is a type of BX slider. Hence CSS for BX above applies to carousal slider too.
================================================================================================== */
/*** Carousal exclusive - NOT present in BX mode ***/
.module_carousal { }
.carsliderwrap { padding: 0 60px; }
.carSlider { height: 0px; overflow: hidden; } /* to prevent FOUC */
.bx-viewport .carSlider { height: auto; } /* unset 0 height once slider has setup */
.carslide { }
.wf_carimg { margin: 0 0 15px; }
.wf_carcaption { margin: 5px 0 8px; }
.wf_carcaption.with_description { padding-bottom: 10px; border-bottom: solid 1px; }
.wf_cardesc { margin: 5px 0 0; }
.wf_cardesc .wfreadmore { margin-top: 5px; }
/*** General (BX and Carousal Modes) - Overrides for Carousal ***/
/*.carsliderwrap img { width: auto; } *//* uncomment this if you dont want small-width images to stretch to full width of the carousal box */
.carsliderwrap .bx-controls { top: 50%; bottom: auto; left: 0; right: auto; margin-top: -15px; /*half of 30px height*/ width: 100%; }
.carsliderwrap .bx-pager, .carsliderwrap .bx-controls-auto { display: none; }
.carsliderwrap .bx-controls-direction { width: 100%; }
.carsliderwrap .bx-controls-direction a { position: absolute; margin-left: 0; }
.carsliderwrap .bx-controls-direction .bx-prev { left: -45px; }
.carsliderwrap .bx-controls-direction .bx-next { right: -45px; }
/*** @ref R123 Carousal Bug Fix for use with Waypoints and CSS Animations ***/
.carslide.bx-clone .wf_carimg .wf_toanimate { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
/* [MODULE] SLIDER REVOLUTION
================================================================================================== */
.tp-bullets { text-align: center; }
.wf-tpclear { }
.tpclear { }
/*Nav Arrows*/
.wf-rev-arrows { margin-top: -50px; }
.rev_slider_wrapper .wf-rev-leftarrow, .rev_slider_wrapper .wf-rev-rightarrow { width: 30px; height: 30px; display: inline-block; line-height: 30px; font-size: 20px; background: none; }
.wf-rev-rightarrow { margin-left: 3px; }
.wf-rev-leftarrow { }
.wf-rev-leftarrow:before, .wf-rev-rightarrow:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; speak: none; -webkit-font-smoothing: antialiased; vertical-align: bottom; margin: 0 6px 0 4px; }
.wf-rev-rightarrow:before { content: "\f105"; margin-left: 7px; }
.wf-rev-leftarrow:before { content: "\f104"; margin-left: 2px; }
/*Bullets*/
.tp-bullets .bullet { background: none !important; margin: 0 0 0 3px !important; width: 8px !important; height: 8px !important; float: none !important; display: inline-block; }
/*opacity*/
.rev_slider_wrapper .wf-rev-rightarrow, .rev_slider_wrapper .wf-rev-leftarrow,
.rev_slider_wrapper .tp-bullets .bullet {
filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;
-webkit-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
-moz-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
-o-transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear;
transition: opacity 0.2s linear, color 0.1s linear, background 0.2s linear; }
.rev_slider_wrapper:hover .wf-rev-rightarrow, .rev_slider_wrapper:hover .wf-rev-leftarrow,
.rev_slider_wrapper:hover .tp-bullets .bullet { filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8; }
/* [MODULE] GAllERY
================================================================================================== */
.module_gallery { }
.wf_gallery { }
.wf_fancygallery { }
.wf_regulargallery { }
/*** Gallery Header ***/
.wf_gallery_header { padding: 0 0 1px; /*to prevent collapsing of margins of inside and following divs*/ }
.wf_gallery_title { margin-top: 0px; }
#main .gal_filters { margin: 0 0 20px; }
.gal_filter { list-style: none; margin-right: 8px; margin-bottom: 5px; display: inline-block; text-transform: uppercase; font-size: 1.2em; }
.gal_filter.selected { }
.gal_filter a { padding: 5px 10px; display: block;
-webkit-transition: color 0.1s linear, background 0.2s linear;
-moz-transition: color 0.1s linear, background 0.2s linear;
-o-transition: color 0.1s linear, background 0.2s linear;
transition: color 0.1s linear, background 0.2s linear; }
.gal_filter a:hover { }
/*** Gallery Item ***/
.gal_items_box { position: relative; margin-top: 25px; }
.gal_items { }
.gal_item { position: relative; }
.gal_item_inner { width: 100%; height: 100%; }
/*Image*/
.gal_item_img { position: relative; }
.gal_item_img.gal_item_img_with_desc { z-index: 10; }
.gal_item_info_icon { position: absolute; display: inline-block; bottom: 0; right: 0; z-index: 222; padding: 0 0 0 2px; width: 1.69em; height: 1.69em; font-size: 1.25em; line-height: 1.69em; text-align: center; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
/*Text*/
.gal_item_text { width: 100%; height: 100%; padding: 5px 10px; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 9; }
.gal_item_link, .gal_item_text_inner { display: table; height: 100%; width: 100%; }
.gal_item_text_inner > div { display: table-cell; vertical-align: middle; text-align: center; }
.gal_item_title { margin: 0 0 10px; }
.gal_item_title_divide { margin: 0 12% 10px; height: 1px; border-bottom: solid 1px; }
.gal_item_desc { margin: 0 0 10px; }
.gal_item_link_icon i { font-size: 2em; }
.gal_item_link_icon i.icon-link { font-size: 1.5em; }
/*Grid bug fix due to Isotope not being able to process .5px properly*/
.concol.span12 .wf_gallery .row_fluid.no_margin .span3,
.site-content.span12 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span12 .wf_gallery .row_fluid.no_margin .span3 { width: 232px; }
.concol.span9 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span9 .wf_gallery .row_fluid.no_margin .span3 { width: 172px; }
.concol.span8 .wf_gallery .row_fluid.no_margin .span3,
.site-content.span8 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span8 .wf_gallery .row_fluid.no_margin .span3 { width: 152px; }
.concol.span6 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span6 .wf_gallery .row_fluid.no_margin .span3 { width: 112px; }
.concol.span4 .wf_gallery .row_fluid.no_margin .span4,
.sidebar.span4 .wf_gallery .row_fluid.no_margin .span4,
.footercolumn.span4 .wf_gallery .row_fluid.no_margin .span4 { width: 96px; }
.concol.span4 .wf_gallery .row_fluid.no_margin .span3,
.sidebar.span4 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span4 .wf_gallery .row_fluid.no_margin .span3 { width: 72px; }
.concol.span3 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span3 .wf_gallery .row_fluid.no_margin .span3 { width: 52px; }
.concol.span2 .wf_gallery .row_fluid.no_margin .span3,
.footercolumn.span2 .wf_gallery .row_fluid.no_margin .span3 { width: 32px; }
/*Isotope*/
.isotope-item { z-index: 2; } /* fallback : overridden for each gallery item using inline styles */
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/*Isotope Animation*/
.isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
/*disabling Isotope CSS3 transitions*/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* 3D Animation optimized for Touch Devices */
.gal_item {
-webkit-perspective: 900px;
-moz-perspective: 900px;
-o-perspective: 900px;
-ms-perspective: 900px;
perspective: 900px; }
.gal_item_inner {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d; }
.gal_item_inner > div {
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
-o-transition: all 0.4s linear;
-ms-transition: all 0.4s linear;
transition: all 0.4s linear;
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
-o-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%; }
/* hide text */
.no-touch.csstransforms3d .wf_fancygallery .gal_item_text {
-webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
-ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg);
transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); }
.gal_item_text { filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
/* hide and animate image if text present */
.no-touch.csstransforms3d .wf_fancygallery .gal_item:hover .gal_item_img.gal_item_img_with_desc {
-webkit-transform: translate3d(0,165%,-120px) rotate3d(1,0,0,-90deg);
-moz-transform: translate3d(0,165%,-120px) rotate3d(1,0,0,-90deg);
-o-transform: translate3d(0,165%,-120px) rotate3d(1,0,0,-90deg);
-ms-transform: translate3d(0,165%,-120px) rotate3d(1,0,0,-90deg);
transform: translate3d(0,165%,-120px) rotate3d(1,0,0,-90deg); }
.gal_item.on_touch .gal_item_img.gal_item_img_with_desc,
.gal_item:hover .gal_item_img.gal_item_img_with_desc {
filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
/* show and animate text */
.no-touch.csstransforms3d .wf_fancygallery .gal_item:hover .gal_item_text {
-webkit-transform: rotate3d(1,0,0,0deg);
-moz-transform: rotate3d(1,0,0,0deg);
-o-transform: rotate3d(1,0,0,0deg);
-ms-transform: rotate3d(1,0,0,0deg);
transform: rotate3d(1,0,0,0deg); }
.gal_item.on_touch .gal_item_text,
.gal_item:hover .gal_item_text { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; z-index: 11; }
/* [MODULE] MESSAGE
================================================================================================== */
.module_message { }
.wf_message { text-align: center; }
.message_head { line-height: 1.25em; margin-bottom: 0.3em; }
.message_txt, .message_buttons { line-height: 1.69em; }
.message_buttons { margin-top: 0.6em; }
.message_button { display: inline-block; margin: 0.6em 0.3em 0 0.3em; }
.message_button_link a, .message_button_nolink { padding: 0.2em 1em; }
.message_button_link a { display: inline-block; }
.message_button_link:hover {
-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
-webkit-transition: box-shadow linear 0.2s;
-moz-transition: box-shadow linear 0.2s;
-o-transition: box-shadow linear 0.2s;
transition: box-shadow linear 0.2s; }
.message_url { }
/* [MODULE] TAGLINE
================================================================================================== */
.module_tagline { }
.wf_tagline { text-align: center; }
.wf_tagline_text { line-height: 1.25em; }
/* PAGES
================================================================================================== */
/*** General ***/
#primary { }
.site-content { }
.wf_before_defaultcontent { margin: 0 0 30px; }
.wf_after_defaultcontent { margin: 30px 0 0; }
/* Header */
.page_heading { }
.page_heading .wf_title { margin: 0; }
/* Content Area */
#content { }
.entry-headerarea { margin-bottom: 25px; position: relative; min-height: 60px; }
.entry-headerdate { width: 50px; height: 100%; min-height: 60px; overflow: hidden; text-align: center; font-size: 12px; text-transform: uppercase; line-height: 14px; padding: 3px 0; position: absolute; }
.entry-headerdate > div { display: table; width: 100%; height: 100%; }
.entry-headerdate > div > div { display: table-cell; vertical-align: middle; }
.headerdate-day { font-size: 26px; line-height: 26px; }
.headerdate-month { }
.headerdate-year { }
.featured-post { position: absolute; top: -4px; left: -1px; font-size: 0.846em;
transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg); }
.entry-header { margin-left: 75px; }
.entry-title { margin: 0 0 7px 0; }
.entry-meta { margin-left: 75px; padding: 3px 5px 3px 8px; }
.entry-content { }
.entry-summary { }
/* Meta Information */
.metaiconslist { font-size: 12px; line-height: 1.25em; }
.metaiconunit { display: inline-block; margin: 2px 0; padding-right: 8px; margin-right: 8px; border-right: solid 1px; }
.metaiconunit:last-of-type { padding-right: 0; margin-right: 0px; border-right: none; }
.metaicon { font-style: italic; }
.metaicondetail { display: inline; }
.meta_author { }
.meta_author_detail { }
.meta_date { }
.meta_date_detail { }
.meta_cats { }
.meta_cats_detail { }
.meta_tags { }
.meta_tags_detail { }
.meta_comments { }
.meta_comments_detail { }
/*** Single Post and Page ***/
.module_page { margin-top: 40px; margin-bottom: 40px; }
.wf_page { }
.wf_before_pagecontent { }
.wf_after_pagecontent { }
.page_postheading { }
.page_article { }
.page_content { margin: 40px 0 0px; }
.page_content_noheader, .page_content_noheader :first-child { margin-top: 0; }
/* Paginated Post */
.page-links { margin: 1.416em 0 0; }
/* Post Navigation */
.post_navigation { margin: 1.416em 0; }
/*** Attachment Page ***/
.atch_image_content img { display: block; margin: 0 auto; }
/*** Page Comments ***/
#comments { margin: 1.416em 0 0; }
.comments-area { }
.comments-title, .reply-title { }
.nocomments { }
/* Page Comments - Navigation */
.commnavigation { }
#comment-nav-top { }
#comment-nav-below { }
.commprevious { }
.commnext { }
/* Page Comments - Comment List */
#comments ol { list-style: none; margin: 1.416em 0; }
ol.commentlist { }
.commentlist .thread-even, .commentlist .thread-odd { padding: 1em 1.25em; margin-bottom: 1em; }
.commentlist li { clear: both; margin: 0px; padding: 1em 1.25em; margin-top: 5px; border: solid 1px; }
#comments ol ol.children { margin-top: 0.615em; }
/* Page Comments - Single Comment */
.commentlist .bypostauthor { } /* comments by the author of the post */
.commentlist .comment-meta { padding-bottom: 0.615em; margin-bottom: 1.25em; border-bottom: solid 1px; }
.commentlist img.avatar { float: left; display: inline; margin: 0 10px 0px 0; }
.commentlist .comment-author cite { font-style: normal; }
.commentlist .bypostauthor cite span { margin-left: 0.215em; font-size: 0.815em; padding: 0.185em 0.5em; } /* by author of the post */
.commentlist .comment-metadata { }
.commentlist .edit-link { }
.comment p { margin: 0.615em 0; }
.comment-awaiting-moderation { padding: 0 8px; border: dashed 1px; font-style: italic; }
.reply { margin: 0.615em 0 0; }
.reply a { font-size: 0.846em; text-transform: uppercase;}
/* Page Comment Form */
#respond { margin: 1.416em 0; }
#reply-title { margin: 0.615em 0 0 0; }
#reply-title small { margin-top: 4px; display: block; }
#commentform { margin-bottom: 0; }
#commentform p { margin: 0.615em 0; }
#commentform .commentformfield { display:inline-block; margin-right: 10px; margin-bottom: 15px; }
.commentformfield input, .commentformfield textarea { padding:6px 7px; border: none; }
.commentformfield input:focus, .commentformfield textarea:focus { }
#commentform label { display: block; }
/*** Archive Pages ***/
/* Archive Page Specific */
.module_archive { margin-top: 40px; margin-bottom: 40px; }
.wf_archive { }
.wf_before_archivecontent { }
.wf_after_archivecontent { }
.archive-header { }
.archive-title { }
.archive-meta { }
.archive-meta p { margin-top: 0.615em; }
.archive_post { margin: 40px 0; }
.archive_post:nth-of-type(1) { }
.archive_postheading { }
.archive_meta { }
.archive_postimgcover { }
.archive_postimg { }
.archive_postexcerpt { }
/* Archive Page Style 1 */
.archive_post_st1 { }
.archive_post_st1 .archive_postimgcover { margin: 40px 0 30px; }
.archive_post_st1 .archive_postimg { text-align: center; }
/* Archive Page Style 2 and 3 */
.archive_2col_area { margin-top: 40px; /* same as archive_postimgcover for style 1 */ }
.archive_2col
.archive_2col_img { }
.archive_2col_excerpt { }
/* Archive Page Style 2 */
.archive_post_st2 { }
.archive_post_st2 .entry-headerarea { display: table; }
.archive_post_st2 .entry-headerdate { display: table-cell; vertical-align: middle; position: static; }
.archive_post_st2 .entry-header { display: table-cell; vertical-align: middle; }
.archive_post_st2 .entry-title { margin-left: 25px; }
.archive_2col_areawrap { position: relative; margin-top: 40px; /* same as archive_postimgcover for style 1 */ }
.archive_2col_extend { }
.archive_post_st2 .archive_2col_area { display: table; margin-top: 0px; /* FF6 bug fix - instead give margin to archive_2col_areawrap */ }
.archive_post_st2 .archive_2col { float: none; display: table-cell; vertical-align: top; }
.archive_post_st2 .archive_2col img { width: 100%; /* fixes max-width bug in FF and Opera for images in table-cell */ }
.archive_post_st2 .archive_2col_meta { height: 100%; }
.archive_post_st2 .archive_meta { margin: 0; height: 100%; padding: 0; }
.archive_post_st2 .metaiconslist { padding: 20px 10px 30px 20px; line-height: 1.416em; }
.archive_post_st2 .metaiconunit { border: none; padding: 0; margin: 10px 0 0 0; display: block; }
.archive_post_st2 .archive_2col.archive_2col_img, .archive_post_st2 .archive_2col.archive_2col_excerpt { }
.archive_post_st2 .archive_postexcerpt { margin-top: 30px; }
.archive_post_st2 .archive_2col_excerpt .archive_postexcerpt { padding-left: 30px; margin-top: -1.416em; /*to negate 's top margin*/ }
/* Archive Page Style 3 */
.archive_post_st3 { }
.archive_post_st3 .archive_2col_excerpt .archive_postexcerpt { margin-top: -1.416em; /*to negate
's top margin*/ }
/* Archive Page Navigation */
.posts_navigation { display: block; margin: 1.416em 0; }
.nav-next { text-align: right; width: 50%; }
.nav-previous { width: 50%; }
.nav-previous, .nav-next { padding: 5px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wp-pagenavi { margin: 2.65em 0; }
.wp-pagenavi a, .wp-pagenavi span { }
.wp-pagenavi span.current { }
/*** Left Shifts in Content Area ***/
.sidebar_layout1 #primary .wf_divider_simple,
.sidebar_layout2 #primary .wf_divider_simple,
.sidebar_layout3 #primary .wf_divider_simple,
.sidebar_layout4 #primary .wf_divider_simple,
.sidebar_layout5 #primary .wf_divider_simple { width: 100%; position: relative; }
.sidebar_layout1 .archive_post_st2 .metaiconslist,
.sidebar_layout2 .archive_post_st2 .metaiconslist,
.sidebar_layout4 .archive_post_st2 .metaiconslist { padding-left: 0; }
/* desktop */
.sidebar_layout1 #primary .wf_divider_simple,
.sidebar_layout2 #primary .wf_divider_simple,
.sidebar_layout4 #primary .wf_divider_simple { padding-left: 35px; left: -35px; }
.sidebar_layout1 #primary .wf_divider_simple,
.sidebar_layout3 #primary .wf_divider_simple,
.sidebar_layout5 #primary .wf_divider_simple { padding-right: 35px; }
.sidebar_layout1 .archive_2col_extend,
.sidebar_layout2 .archive_2col_extend,
.sidebar_layout4 .archive_2col_extend { position: absolute; height: 100%; width: 37px; left: -35px; }
/* WIDGETS AND PLUGINS
================================================================================================== */
/*** Widget Areas ***/
/* For all widget areas in sidebars, footer columns, content column etc. */
.widget-area { }
.wf_widgetbox { margin-top: 45px; margin-bottom: 15px; }
.wf_widgetbox:first-of-type { margin-top: 0px; }
.wf_widgethead_wrap { margin-bottom: 1.416em; }
.wf_widgethead { margin: 0; }
/*** Sidebar ***/
.sidebar_layout1, .sidebar_layout2, .sidebar_layout3, .sidebar_layout4, .sidebar_layout5, .sidebar_layout6 { }
#secondary { }
#tertiary { }
.sidebar { margin-top: 0.615em; }
.sidebar .wf_widgetbox { padding: 45px 0 0; border-top: solid 1px; }
.sidebar .wf_widgetbox:first-of-type { padding-top: 0; border-top: none; }
/*** WordPress Widgets ***/
.widget_text { }
.textwidget { }
.widget_search { }
.widget_calendar th, .widget_calendar td { padding: 4px 0; text-align: center; }
/*** Post Blips - Recent / Popular / Excerpts ***/
.thumb_recent { }
.excerpt_recent { }
.thumb_popular { }
/* General */
.post_blips { }
.post_blip { margin: 1.416em 0 2em; }
.post_blip_img { }
.post_blip_txt { }
.post_blip_txt h4 { margin: 0.846em 0 5px; }
.post_blip_txt .small { font-style: italic; font-size: 0.846em; line-height: 1.272em; }
.post_blip_exc { }
/* Style Specific */
.post_blips_st1 { }
.post_blip_st1 { }
.post_blip_st1 .post_blip_img { width: 60px; }
.post_blip_st1 .post_blip_img img { width: 100%; /* fixes max-width bug in FF and Opera for images in table-cell */ }
.post_blip_st1 .post_blip_txt { padding-left: 12px; }
.post_blip_st1 h4 { margin-top: 0px; }
.post_blips_st2 { }
.post_blip_st2 { }
.footercolumn .post_blip_st2 .post_blip_txt { padding: 0.846em 2em 2em }
.post_blip_st3 { }
/*** Related Posts ***/
.wf_related { }
.related_head { }
.sidebar .yarpp-related-widget h3 { margin: 0 0 1.416em; }
.page_content .yarpp-related { margin-top: 1.416em; }
.related_inner { }
.related_unit { width: 135px; overflow: hidden; margin: 5px 5px 0 0; padding: 5px; } /*total=150px width*/
.sidebar .related_unit { width: 125px; max-width: 85%; }
.related_unit:hover { }
.related_thb img { }
.related_title { padding: 6px 2px 0 0; display: inline-block; line-height: 1.4em; }
/*** Contact Info ***/
.contact_info { }
.contactinfo_address { margin: 0 0 0.615em 0; }
.contactinfo_links { margin: 0; }
.contact_info .contactinfo_links a { text-decoration: none; }
.contactinfo_phone, .contactinfo_email, .contactinfo_link1, .contactinfo_link2, .contactinfo_link3, .contactinfo_link4, .contactinfo_link5 { }
.contactinfo_desc { padding: 0; }
.contactinfo_head { padding: 0; }
/*** Contact Form 7 ***/
.wpcf7-form { }
.wpcf7-form-control-wrap { }
.wpcf7-form .inputlabel { margin-right: 5px; }
.wpcf7-form input, .wpcf7-form textarea { }
.wpcf7-form input:focus, .wpcf7-form textarea:focus { }
.wpcf7-form select { }
.wpcf7-form select, .wpcf7-form option { }
.wpcf7-form input.wpcf7-submit { }
.wpcf7-form input.wpcf7-submit:hover { }
#page .wpcf7-response-output { margin: 0; }
.wpcf7-not-valid-tip-no-ajax { }
span.wpcf7-not-valid-tip, span.wpcf7-not-valid-tip-no-ajax { }
/*** Really Simple Share ***/
#main .really_simple_share_prepend_above { height: auto; margin: 1.416em 0 -15px 0; }
#main .really_simple_share { margin: 25px 0 1.416em 0; }
.post_blip_exc .really_simple_share_prepend_above, .post_blip_exc .really_simple_share,
.concol .really_simple_share_prepend_above, .concol .really_simple_share { display: none; }
#main .really_simple_share_button { min-height: 26px !important; }
#main .really_simple_share_button > div { height: 26px; overflow: hidden; }
#main .really_simple_share_box { min-height: 68px !important; }
#main .really_simple_share_box > div { height: 68px; overflow: hidden; }
#main .really_simple_share_box .really_simple_share_pinterest { height: 48px; /*subtract 20px*/ overflow: visible; }
#main .really_simple_share_facebook_like { margin-top: 0 !important; }
/*** Slider Revolution ***/
.rev_slider_wrapper { }
.rev_slider_wrapper.fullwidthbanner-container { overflow: visible; padding: 0 !important; }
.rev_slider_wrapper img { max-height: none; }
/*** Comprehensive Google Map Plugin ***/
.google-map-placeholder { width: auto !important; /*to override inline CSS width - to maintain responsive behavior*/ }
#page .google-map-placeholder { border: none; }
/*** bbPress ***/
.wf_bbpmodule { }
.wf_bbpmodule .entry-header { margin-left: 0; }
.wf_bbp_bighead { }
.wf_bbpmodule img { vertical-align: baseline; }
#bbpress-forums ul, #bbpress-forums ol { margin: 0 !important; }
div.bbp-forum-header, div.bbp-topic-header, div.bbp-reply-header, li.bbp-body div.hentry { margin-top: 0; }
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { max-width: none; }
.bbp-login-form .bbp-login-links { margin-top: 10px; }
/*override buddypress's css for editor to reset to default look*/
#page #buddypress .bbp-form input[type=submit], #page #buddypress .bbp-form input[type=button], #page #buddypress .bbp-form input[type=reset] { color: #464646; border: 1px solid #c3c3c3; background: #eee;
background-image: -webkit-gradient(linear,left bottom,left top,from(#e3e3e3),to(#fff));
background-image: -webkit-linear-gradient(bottom,#e3e3e3,#fff);
background-image: -moz-linear-gradient(bottom,#e3e3e3,#fff);
background-image: -o-linear-gradient(bottom,#e3e3e3,#fff);
background-image: linear-gradient(to top,#e3e3e3,#fff); }
#page #buddypress .bbp-form input[type=submit]:hover, #page #buddypress .bbp-form input[type=button]:hover, #page #buddypress .bbp-form input[type=reset]:hover { color: #464646; border-color: #aaa; background: #ddd; }
/* SHORTCODES
================================================================================================== */
/*** DropCap ***/
.dropcap { display: block; float: left; margin:0 8px 0 0; font-size: 3.2em; line-height: 1em; }
.dropcap.accenttypo1, .dropcap.accenttypo2, .dropcap.accenthlite { padding: 3px 8px; margin-top: 3px; font-size: 2.5em; }
/*** Highlight ***/
.highlight a:link, .highlight a:visited, .highlight a:hover { color:inherit; text-decoration:underline; }
/*** Break and Smart Break ***/
#content .sc_divider { margin: 3.416em 0; }
/*** Frame Left, Right, Center ***/
.frame_lrc { padding: 6px; display: inline-block; border: solid 1px; }
/*** Page Scroll ***/
.wf_scrolltopoint { cursor: pointer; }
.wf_scrollpoint { }
/*** Button ***/
.sc_button { border: solid 1px;
-webkit-transition: box-shadow linear 0.2s;
-moz-transition: box-shadow linear 0.2s;
-o-transition: box-shadow linear 0.2s;
transition: box-shadow linear 0.2s; }
.sc_button:hover {
-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.35); }
.sc_button a { display: block; text-decoration: none !important; border-top: solid 1px rgba(255, 255, 255, 0.40); }
.sc_button a:hover { color: inherit; text-decoration: none !important; border-top: solid 1px rgba(255, 255, 255, 0.0); }
.sc_button_wrap-small a { padding: 1px 13px 3px; font-size: 13px; }
.sc_button_wrap-medium a { padding: 4px 15px 6px; font-size: 15px; }
.sc_button_wrap-large a { padding: 7px 15px 9px; font-size: 17px; }
.sc_button_wrap-huge a { padding: 11px 20px 13px; font-size: 20px; }
/*** Lists ***/
ul.sc_list { }
/*** Simple Box ***/
.simplebox { border: solid 1px; padding: 8px 15px; margin: 1.416em 0;
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.50);
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.50);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.50); }
.simplebox a:link, .simplebox a:visited, .simplebox a:hover { color:inherit; text-decoration:underline; }
/*** Title Box ***/
.titlebox { margin: 1.416em 0; }
.titlebox_title { padding: 8px 15px; margin: 0; border: solid 1px;
-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.30);
-moz-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.30);
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.30); }
.titlebox_title a:link, .titlebox_title a:visited, .titlebox_title a:hover { color: inherit; text-decoration: underline; }
.titlebox_content { padding: 10px 15px; border: solid 1px; border-top: none; }
/*** Alert Box ***/
.alertbox { border: solid 1px; padding: 12px 15px; margin: 1.416em 0;
-webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.50);
-moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.50);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.50); }
.alertbox_icon { width: 40px; font-size: 20px; line-height: 25px; }
.alertbox_content { }
.alertbox_content a:link, .alertbox_content a:visited, .alertbox_content a:hover { color:inherit; text-decoration:underline; }
/*** Icon Box ***/
.iconbox { margin: 1.416em 0; }
.iconbox_icon { }
.iconbox_content { }
.iconbox-custom { background-repeat: no-repeat; background-position: left center; }
/*** Lightbox ***/
.lightbox img, .lightbox_external img, .lightbox_youtube img, .lightbox_vimeo img, .lightbox_dailymotion img { display: inline-block; }
/*** Nivo Slider ***/
.sc_nivo { margin: 1.416em 0; }
/*** BX Slider ***/
.sc_bx { margin: 1.416em 0; }
/*** Carousal Slider ***/
.sc_carousal { margin: 1.416em 0; }
/*** Slider Revolution ***/
.sc_rev { margin: 1.416em 0; }
/*** Gallery ***/
.sc_gal { margin: 1.416em 0 1.666em; }
/*** Videos ***/
.sc_video { margin: 1.416em 0; position: relative; padding-bottom: 56.25%;/* 315/560 => standard youtube dimensions*/ padding-top: 30px; height: 0; overflow: hidden; }
.sc_video-youtube { }
.sc_video-vimeo { padding-bottom: 56%;/* 280/500 => standard vimeo player dimensions*/ padding-top: 0px; }
.sc_video-dailymotion { padding-bottom: 56.25%;/* 315/560 => standard vimeo player dimensions*/ padding-top: 0px; }
.sc_video iframe, .sc_video object, .sc_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*** Maps ***/
.sc_gmap { margin: 1.416em 0; position: relative; display: inline-block; max-width: 100%; }
.sc_gmap iframe, .sc_gmap object, .sc_gmap embed { }
/*** Tabs ***/
.tabset { margin: 1.416em 0; }
.tabset .tabsetnav { list-style: none !important; overflow: hidden; padding:0; margin: 0 !important; position: relative; bottom: -1px; font-size: 1.2em; line-height: 1.69em; }
.tabset .tabsetnav li { width: auto; float: left; margin: 0 5px 0 0; border: solid 1px; border-bottom: none; }
.tabset .tabsetnav li.last { margin-right: 0; }
.tabset .tabsetnav li a { display: block; padding: 8px 20px; text-align: center; }
.tabset .tabicon { margin-right: 7px; }
.tabset .tabsetnav li a:hover, .tabset .tabsetnav li a.current { }
.list-wrap { padding: 13px 15px; border: solid 1px; }
.tabpanel { padding: 1px /*fixes bug by collapsing any inside margins - for height to be calculated properly by javascript*/; }
/*Vertical Tabs*/
.tabsetlong { }
.tabsetlong .tabsetnav { width: 25%; float: left; }
.tabsetlong .tabsetnav li { margin: 0 0 5px 0; display: block; float: none; bottom: 0; border-bottom: solid 1px; }
.tabsetlong .tabsetnav li.last { margin-bottom: 0; }
.tabsetlong .tabsetnav li a { padding: 8px 10px 8px 15px; text-align: left; }
.tabsetlong .list-wrap { width: 73%; float: right; }
.tabsetlong .tabpanel { }
/*** ToggleBox ***/
.togglebox { margin: 1.416em 0; }
.toggleboxhead { margin: 0; cursor: pointer; padding: 6px 15px 6px 30px; position: relative; border: solid 1px; border-bottom: solid 2px; font-size: 1.2em; line-height: 1.69em;
-webkit-transition: color 0.1s linear, background 0.2s linear;
-moz-transition: color 0.1s linear, background 0.2s linear;
-o-transition: color 0.1s linear, background 0.2s linear;
transition: color 0.1s linear, background 0.2s linear; }
.toggleboxhead i { position: absolute; left: 8px; top: 50%; font-size: 0.6em; line-height: 1em; margin-top: -0.3em; }
.toggleboxheadactive { cursor: pointer; }
.toggleboxcontent { margin: 0; padding: 13px 15px; display: none; border: solid 1px; border-top: none; }
/*** Animate ***/
.scanimate { display: inline-block; max-width: 100%; /*firefox bug fix to squeeze down images(using max-width) inside scanimate*/ }
.wf_scanimation { }
.scanimate_class { filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0; }
/* Animation Styles */
.wf_scanimation .wf_animate-left-in {
-webkit-transform: translateX(-170px);
-moz-transform: translateX(-170px);
-o-transform: translateX(-170px);
transform: translateX(-170px);
-webkit-animation: returnX 0.65s ease forwards;
-moz-animation: returnX 0.65s ease forwards;
-o-animation: returnX 0.65s ease forwards;
animation: returnX 0.65s ease forwards;
}
.wf_scanimation .wf_animate-right-in {
-webkit-transform: translateX(170px);
-moz-transform: translateX(170px);
-o-transform: translateX(170px);
transform: translateX(170px);
-webkit-animation: returnX 0.65s ease forwards;
-moz-animation: returnX 0.65s ease forwards;
-o-animation: returnX 0.65s ease forwards;
animation: returnX 0.65s ease forwards;
}
.wf_scanimation .wf_animate-top-in {
-webkit-transform: translateY(-170px);
-moz-transform: translateY(-170px);
-o-transform: translateY(-170px);
transform: translateY(-170px);
-webkit-animation: returnY 0.65s ease forwards;
-moz-animation: returnY 0.65s ease forwards;
-o-animation: returnY 0.65s ease forwards;
animation: returnY 0.65s ease forwards;
}
.wf_scanimation .wf_animate-bottom-in {
-webkit-transform: translateY(170px);
-moz-transform: translateY(170px);
-o-transform: translateY(170px);
transform: translateY(170px);
-webkit-animation: returnY 0.65s ease forwards;
-moz-animation: returnY 0.65s ease forwards;
-o-animation: returnY 0.65s ease forwards;
animation: returnY 0.65s ease forwards;
}
.wf_scanimation .wf_animate-fade-in {
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
-moz-animation: scaleUp 0.65s ease-in-out forwards;
-o-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
.wf_scanimation .wf_animate-fade-in-scale {
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
-moz-animation: scaleUp 0.65s ease-in-out forwards;
-o-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
/* FOOTER
================================================================================================== */
#colophon { }
/*** footer ***/
#page #wf_module-footer { border-left: none; border-right: none; }
#supplementary { }
.footercolumn { padding: 40px 0; margin-top: 1.416em; line-height: 1.69em; }
.footercolumn a { text-decoration: underline; }
.footercolumn a:hover, .footercolumn li a { text-decoration: none; }
.footercolumn .wf_widgethead, .footercolumn .wf_widgethead a, .footercolumn h1, .footercolumn h2, .footercolumn h3, .footercolumn h4, .footercolumn h5, .footercolumn h6, .footercolumn h1 a, .footercolumn h2 a, .footercolumn h3 a, .footercolumn h4 a, .footercolumn h5 a, .footercolumn h6 a, .footercolumn .wf_title, .footercolumn .wf_titlefont, .footercolumn .wf_titlefont:hover { text-decoration: none; }
/*** sub footer ***/
#wf_module-subfooter { font-size: 0.846em; line-height: 0.846em; }
.site-info { }
.subfootercolumn { padding: 1.8em 0; }
/* ADMIN
================================================================================================== */
.wf_admin_tshoot { color: #333; font-size: 12px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; padding: 10px; position: fixed; bottom: 7px; right: 7px; border: solid 1px #ccc; z-index: 9999; background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #dddddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dddddd));
background: -webkit-linear-gradient(top, #fafafa 0%,#dddddd 100%);
background: -o-linear-gradient(top, #fafafa 0%,#dddddd 100%);
background: -ms-linear-gradient(top, #fafafa 0%,#dddddd 100%);
background: linear-gradient(to bottom, #fafafa 0%,#dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#dddddd',GradientType=0 ); }
.wf_admin_tshoot .tshootclose { position: absolute; top: 0; right: 5px; font-size: 11px; cursor: pointer; }
.wf_admin_tshoot .tsh2 { font-weight: bold; text-align: center; }
.wf_admin_tshoot .tsh4 { font-size: 11px; line-height: 11px; margin-bottom: 10px; text-align: center; font-style: italic; }
.wf_admin_tshoot .tstable { width: 490px; margin: 0; border: solid 1px #ccc; }
.wf_admin_tshoot td { border: solid 1px #ccc; padding: 5px 8px; }
.wf_admin_tshoot .tstr { }
.wf_admin_tshoot .tstr-ar { background: #fcfcfc; }
.wf_admin_tshoot .tstr-lay { background: #f0f0f0; }
.wf_admin_tshoot .tstr-rbg { background: #fcfcfc; }
.wf_admin_tshoot .tstr-sb { background: #fcfcfc; }
.wf_admin_tshoot .tstr-sbl { background: #fcfcfc; }
.wf_admin_tshoot .tstr-sba { background: #fcfcfc; }
.wf_admin_tshoot .tstr-sbb { background: #fcfcfc; }
.wf_admin_tshoot .tstr-nbc { background: #f0f0f0; }
.wf_admin_tshoot .tstr-nbc2 { background: #f0f0f0; }
.wf_admin_tshoot .tsdt { font-weight: bold; width: 105px; }
.wf_admin_tshoot .tsdd { }
.wf_admin_tshoot .code { font-family: "Courier New", Courier, monospace; font-size: 11px; }
.wf_admin_tshoot .desc { display: block; font-size: 11px; line-height: 15px; color: #500; }
.wf_admin_tshoot a { color: #950; }
.wf_admin_tshoot a:hover { color: #950; text-decoration: underline; }
/* MEDIA QUERIES
================================================================================================== */
/*** Wide Screen ***/
@media only screen and (min-width: 1280px) {
/*** HEADER :: Logo v/s Menu Widths ***/
.responsive_W #logo { max-width: 360px; } /*360+780+20 = 1160*/
.responsive_W #header_aside { width: 780px; }
.responsive_W .header_menu_mask { clip: rect(0px,700px,999px,0px); }
/*** [MODULE] GAllERY :: Grid bug fix due to Isotope not being able to process .5px properly ***/
.responsive.responsive_W .wf_gallery .row_fluid.no_margin .span4 { width: 33.333333333%; }
.responsive.responsive_W .wf_gallery .row_fluid.no_margin .span3 { width: 25%; }
.responsive_W .module_gallery .wf_gallery .row_fluid.no_margin .span4 { width: 416px; }
.responsive_W .module_gallery .wf_gallery .row_fluid.no_margin .span3 { width: 312px; }
.responsive_W .concol.span12 .wf_gallery .row_fluid.no_margin .span4,
.responsive_W .site-content.span12 .wf_gallery .row_fluid.no_margin .span4,
.responsive_W .footercolumn.span12 .wf_gallery .row_fluid.no_margin .span4 { width: 386px; }
.responsive_W .concol.span9 .wf_gallery .row_fluid.no_margin .span4,
.responsive_W .footercolumn.span9 .wf_gallery .row_fluid.no_margin .span4 { width: 286px; }
.responsive_W .concol.span6 .wf_gallery .row_fluid.no_margin .span4,
.responsive_W .footercolumn.span6 .wf_gallery .row_fluid.no_margin .span4 { width: 186px; }
.responsive_W .concol.span3 .wf_gallery .row_fluid.no_margin .span4,
.responsive_W .footercolumn.span3 .wf_gallery .row_fluid.no_margin .span4 { width: 86px; }
/*** PAGES :: Left Shifts in Content Area ***/
.responsive_W .sidebar_layout1 #primary .wf_divider_simple,
.responsive_W .sidebar_layout2 #primary .wf_divider_simple,
.responsive_W .sidebar_layout4 #primary .wf_divider_simple { padding-left: 45px; left: -45px; }
.responsive_W .sidebar_layout1 #primary .wf_divider_simple,
.responsive_W .sidebar_layout3 #primary .wf_divider_simple,
.responsive_W .sidebar_layout5 #primary .wf_divider_simple { padding-right: 45px; }
.responsive_W .sidebar_layout1 .archive_2col_extend,
.responsive_W .sidebar_layout2 .archive_2col_extend,
.responsive_W .sidebar_layout4 .archive_2col_extend { width: 48px; left: -45px; }
}
/*** Touch Devices (Tablets and Mobile) / Tablets ***/
@media only screen and (max-width: 1023px) {
/*** HEADER :: Sticky Header ***/
.responsive_TC .sticky-wrapper { height: auto !important; }
.responsive_TC .wf_stickyhead.stuck { position: relative; }
/*** HEADER :: Webyfish Menu ***/
.responsive_T .header_menu_prev, .responsive_T .header_menu_next { display: block !important; filter: alpha(opacity=100) !important; -moz-opacity: 1.0 !important; opacity: 1.0 !important; }
/*** HEADER :: Logo v/s Menu Widths ***/
.responsive_T #logo { max-width: 224px; } /*224+480+20 = 724*/
.responsive_T #header_aside { width: 480px; }
.responsive_T .header_menu_mask { clip: rect(0px,400px,999px,0px); }
/*** [MODULE] GAllERY :: Grid bug fix due to Isotope not being able to process .5px properly ***/
.responsive.responsive_T .wf_gallery .row_fluid.no_margin .span4 { width: 33.333333333%; }
.responsive.responsive_T .wf_gallery .row_fluid.no_margin .span3 { width: 25%; }
.responsive_T .concol.span9 .wf_gallery .row_fluid.no_margin .span3,
.responsive_T .footercolumn.span9 .wf_gallery .row_fluid.no_margin .span3 { width: 134px; }
.responsive_T .concol.span8 .wf_gallery .row_fluid.no_margin .span4,
.responsive_T .site-content.span8 .wf_gallery .row_fluid.no_margin .span4,
.responsive_T .footercolumn.span8 .wf_gallery .row_fluid.no_margin .span4 { width: 158px; }
.responsive_T .concol.span3 .wf_gallery .row_fluid.no_margin .span3,
.responsive_T .footercolumn.span3 .wf_gallery .row_fluid.no_margin .span3 { width: 41px; }
.responsive_T .concol.span2 .wf_gallery .row_fluid.no_margin .span3,
.responsive_T .footercolumn.span2 .wf_gallery .row_fluid.no_margin .span3 { width: 34px; }
/*** PAGES :: Left Shifts in Content Area ***/
.responsive_T .sidebar_layout1 #primary .wf_divider_simple,
.responsive_T .sidebar_layout2 #primary .wf_divider_simple,
.responsive_T .sidebar_layout4 #primary .wf_divider_simple { padding-left: 18px; left: -18px; }
.responsive_T .sidebar_layout1 #primary .wf_divider_simple,
.responsive_T .sidebar_layout3 #primary .wf_divider_simple,
.responsive_T .sidebar_layout5 #primary .wf_divider_simple { padding-right: 18px; }
.responsive_T .sidebar_layout1 .archive_2col_extend,
.responsive_T .sidebar_layout2 .archive_2col_extend,
.responsive_T .sidebar_layout4 .archive_2col_extend { width: 20px; left: -18px; }
}
/*** Mobile Landscape Only ***/
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*** [MODULE] GAllERY ***/
.responsive_ML .gal_items_box { padding-left: 20px; padding-right: 20px; /* Since max. image size is 420px, images cant be flushed. Hence, we need to compensate for lack of padding by .container */ }
}
/*** Mobile ***/
@media only screen and (max-width: 767px) {
/*** HEADER :: Logo v/s Menu Widths ***/
.responsive_M #wf_module-top { padding: 2.416em 0 2em; }
.responsive_M #top { height: auto; display: block; }
.responsive_M #logo, .responsive_M #header_aside { display: block; max-width: none; width: 100%; text-align: center; margin-bottom: 1em; }
.responsive_M #header_aside { width: auto; padding: 0; }
.responsive_M .header_menu_mask { clip: auto; height: auto; width: auto; }
/*** [MODULE] CONTENT COLUMNS ***/
.responsive_M .concol { margin-bottom: 2em; }
/*** [MODULE] NIVO SLIDER :: bigger button for easy tapping ***/
.responsive_M .nivo-controlNav a { width: 30px; height: 30px; }
.responsive_M .nivo_haspager .nivo-directionNav { bottom: 40px; /*5+30+5*/ }
/*** [MODULE] BX SLIDER, CAROUSAL SLIDER :: bigger button for easy tapping ***/
.responsive_M .bx-wrapper .bx-pager a { width: 30px; height: 30px; }
.responsive_M .bx-has-pager { top: auto; bottom: 35px; /*5+30*/ right: 5px; }
.responsive_M .bx-has-controls-direction.bx-has-pager, .bx-has-controls-auto.bx-has-pager { top: auto; bottom: 70px; /*5+30+5+30*/ }
/*** [MODULE] GAllERY :: Grid bug fix due to Isotope not being able to process .5px properly ***/
.responsive.responsive_M .wf_gallery .row_fluid.no_margin .span4 { width: 100%; }
.responsive.responsive_M .wf_gallery .row_fluid.no_margin .span3 { width: 100%; }
/*** [MODULE] MESSAGE ***/
.responsive_M .message_button { display: block; }
.responsive_M .message_button a { display: block; }
/*** PAGES :: Archive Pages ***/
.responsive_M .archive_post_st2 .archive_2col_areawrap { margin-top: 0px; }
.responsive_M .archive_post_st2 .archive_2col_area, .responsive_M .archive_post_st2 .archive_2col { display: block; }
.responsive_M .archive_post_st2 .metaiconslist { padding: 5px 5px 5px 10px !important; }
.responsive_M .archive_post_st2 .metaiconunit { display: inline-block; margin: 2px 0; padding-right: 8px; margin-right: 8px; border-right: solid 1px; }
.responsive_M .archive_post_st2 .metaicon { margin: 2px 0 2px 0; }
.responsive_M .archive_2col_area, .responsive_M .archive_post_st2 .archive_postexcerpt, .responsive_M .archive_post_st2 .archive_2col_img { margin-top: 20px; padding-left: 0; }
.responsive_M .archive_post_st3 .archive_2col_excerpt { margin-top: 20px; }
/*** PAGES :: Left Shifts in Content Area ***/
.responsive_M .sidebar_layout1 #primary .wf_divider_simple,
.responsive_M .sidebar_layout2 #primary .wf_divider_simple,
.responsive_M .sidebar_layout4 #primary .wf_divider_simple,
.responsive_M .sidebar_layout1 #primary .wf_divider_simple,
.responsive_M .sidebar_layout3 #primary .wf_divider_simple,
.responsive_M .sidebar_layout5 #primary .wf_divider_simple { padding-left: 20px; left: -20px; padding-right: 20px; }
.responsive_M .sidebar_layout1 .archive_2col_extend,
.responsive_M .sidebar_layout2 .archive_2col_extend,
.responsive_M .sidebar_layout4 .archive_2col_extend { display: none; height: 0; width: 0; left: 0; }
}