/*
    Theme Name: Francoise
    Theme URI: http://highseastudio.com/demo/francoise
    Description: Francoise premium theme
    Author: HighSeaStudio
    Author URI: http://highseastudio.com/
    Version: 1.3.2
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.txt
*/

/*------------------------------------------------------------------
[Table of contents]

0. Resets and base styles
1. Body
2. Typography
3. Header / #header
4. Navigation / .mainMenu
5. Main container / .container
6. Content left column / .contentLeft
7. Sidebar Right column / .sidebarRight
8. Search / .searchPopup
9. Footer / #footer
10. Home masonry / .masonryBox
11. Home grid / .blogPostBox
12. Home list / .blogPostListWrap
13. Category page / .archive.category
14. 404 page / .error404
15. About page / .page-template-templ-contact
16. Single post / .single-post
17. Alerts / #uni_popup
18. Validation / .parsley
19. Preloader / .loaderWrap
20. Post format

-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[0. Resets and base styles ]
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s,
samp,small, strike, strong, sub, sup,
tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video
{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;background:transparent;}
html {background: #fff;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline:0px;}
table {border-collapse: collapse;border-spacing: 0;}
button, input, select, textarea {margin:0;font-size:100%;vertical-align:middle;}
button, input {*overflow:visible;line-height:normal;}
button::-moz-focus-inner, input::-moz-focus-inner {padding:0;border:0;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor:pointer;}
input[type="search"] {-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
textarea {overflow:auto;vertical-align:top;}
fieldset {margin:0;padding:0;border:none;}

/*------------------------------------------------------------------
[1. Body ]
*/
html {height:100%;}
body, table, input, textarea, select, li, button, p, blockquote, ol, dl, form, pre, th, td, a {
font-family: 'Merriweather', serif;font-size: 14px;color:#222222;}
body {position:relative;min-height:100%;_height:100%;min-width: 1170px;
-webkit-transition: left 0.6s ease;-moz-transition: left 0.6s ease;-o-transition: left 0.6s ease;transition: left 0.6s ease;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
.wrapper {margin:0 auto;width:1170px;text-align:left;position:relative;}
.uni-clear, .instagram-pics {clear: none!important;}
.uni-clear:after, .instagram-pics:after {display: block;height: 0;visibility: hidden;clear: both;content: ".";}
.pull-right {float: right;}

/*------------------------------------------------------------------
[2. Typography ]
*/
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {line-height:40px;}h2 {line-height:30px;}h3 {line-height:20px;}h4 {line-height:18px;}h5, h6 {line-height:15px;}
em {font-style: italic;}
strong {font-weight: bold;}
a:hover {text-decoration:none;}

/*------------------------------------------------------------------
[3. Header / #header ]
*/
#header {position: relative; width: 100%; min-height: 410px;padding-top: 129px;padding-bottom: 238px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;background-position: center center;}
.siteHeader {position: fixed!important;left: 0!important;top: 0;width: 100%;height: 68px;border-bottom: 1px solid #f3f5f5; background: #fff;z-index: 99997;-webkit-transition: left 0.6s ease;-moz-transition: left 0.6s ease;-o-transition: left 0.6s ease;transition: left 0.6s ease;}
body.admin-bar .siteHeader {top: 32px;}
.mobile-logo, .showMobileMenu, .mobileMenu {display: none;}
.header-overlay {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}

.headerSocialLinks {float: left;margin-top: 27px;}
.headerSocialLinks a, .headerSocialLinks a:visited {display: block;float: left;width: 15px;height: 15px;line-height: 15px;margin-left: 21px; color: #2a2a2a;font-size: 13px; text-align: center;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}
.headerSocialLinks a:first-child {margin-left: 0;}

.logo {display: block; margin: 0 auto;opacity: 0;position: relative;z-index: 2; -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.logo.show {opacity: 1;}
.logo img {display: block;}
.logo.just-text, .logo.just-text:visited {display: inline-block; color: #222;font-size: 50px;letter-spacing: 2px; font-family: 'Josefin Sans', sans-serif; text-decoration: none;text-transform: uppercase;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}
.mobile-logo.mobile-logo-just-text, .mobile-logo.mobile-logo-just-text:visited {line-height: 26px;margin: 17px 0; color: #222;font-size: 28px;letter-spacing: 2px; font-family: 'Josefin Sans', sans-serif; text-decoration: none;text-transform: uppercase;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}

/*------------------------------------------------------------------
[4. Navigation / .mainMenu ]
*/
.mainMenu {float: left;margin: 25px 0 0 0; list-style: none;}
.mainMenu li {float: left;position: relative; margin-left: 39px;padding-bottom: 23px;}
.mainMenu li:first-child {margin-left: 0!important;}
.mainMenu li a, .mainMenu li a:visited {display: block;line-height: 20px;color: #222222;font-size: 12px;letter-spacing: 1px;font-family: 'Josefin Sans', sans-serif;font-weight: 600;text-decoration: none;text-transform: uppercase;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}
.mainMenu li ul {display: none; position: absolute;left: -13px;top: 43px;min-width: 200px; padding: 10px 0; border: 1px solid #f3f5f5;border-top: 0; background: #fff;z-index: 999;}
.mainMenu li:hover > ul {display: block;}
.mainMenu li ul li {display: block;float: none;margin: 0;padding: 0;}
.mainMenu li ul li a {line-height: 33px; padding: 0 20px;white-space: nowrap;word-wrap: normal;}
.mainMenu li ul li.menu-item-has-children > a {background-position: 173px 10px;background-repeat: no-repeat;}
.mainMenu li ul li.menu-item-has-children:hover > a {background-position: 173px -30px;}
.mainMenu li ul li ul {display: none; left: 100%;top: -11px;border: 1px solid #f3f5f5;}
.mainMenu li ul li:hover ul {display: block;}
div[class*="width-11"] .mainMenu li {white-space: nowrap;word-wrap: normal;}
.width-11-0 .mainMenu {width: calc(100% - 70px);}
.width-11-1 .mainMenu {width: calc(100% - 80px);}
.width-11-2 .mainMenu {width: calc(100% - 120px);}
.width-11-3 .mainMenu {width: calc(100% - 155px);}
.width-11-4 .mainMenu {width: calc(100% - 190px);}
.width-11-5 .mainMenu {width: calc(100% - 225px);}
.width-11-6 .mainMenu {width: calc(100% - 260px);}
.width-11-7 .mainMenu {width: calc(100% - 295px);}
.width-11-8 .mainMenu {width: calc(100% - 332px);}
.width-11-9 .mainMenu {width: calc(100% - 370px);}
.width-11-10 .mainMenu {width: calc(100% - 405px);}
.width-11-11 .mainMenu {width: calc(100% - 440px);}
.width-11-12 .mainMenu {width: calc(100% - 480px);}

/*------------------------------------------------------------------
[5. Main container / .container ]
*/
.container {position: relative;z-index: 2; padding-bottom:300px;margin-top: -170px; width:100%; overflow:hidden;}
.noSocialCounters .container {padding-bottom: 142px;}
.noFooterMenu .container {padding-bottom: 256px;}
.noSocialCounters.noFooterMenu .container {padding-bottom: 80px;}

/* Home v1 main img */
.homeV1MainPost {display: block;position: relative; margin: 0 -15px 15px;border: 15px solid #fff;background: #fff; text-decoration: none;}
.homeV1MainPost img {display: block;margin: 0 auto; max-width: 100%;height: auto;}
.homeV1PostDesc {position: absolute;left: 0;top: 50%;width: 100%;text-align: center;}
.homeV1PostDesc h3 {line-height: 44px; padding: 0 150px; color: #fff;font-size: 36px;letter-spacing: 1px;font-family: 'Josefin Sans', sans-serif;font-weight: 600;text-transform: uppercase;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}
.overlayBox:hover .homeV1PostDesc h3 {color: #222222;}
.postTime {display: inline-block;line-height: 19px;height: 20px;margin-bottom: 21px; padding: 0 7px;color: #fff;font-size: 14px;letter-spacing: 1px;font-family: 'Merriweather', serif;vertical-align: middle;}
.overlayBox {position: absolute;left: 15px;top: 15px;width: calc(100% - 30px);height: calc(100% - 30px);background: rgba(255,255,255,0);-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}
.overlayBox:hover, .overlayBox:hover {background: rgba(255,255,255,0.9);}
.dark-overlay {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}


.homeV1PostGrid {margin-bottom: 57px;}
.homeV1PostGridItem {display: block;position: relative; float: left;width: 570px;}
.homeV1PostGridItem img {display: block;width: 100%;max-width: 100%;height: auto;}
.homeV1PostGridItem .homeV1PostDesc h3 {line-height: 36px;font-size: 26px;padding: 0 110px;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-o-transition: color 0.3s ease;transition: color 0.3s ease;}
.overlayBox:hover .homeV1PostDesc h3 {color: #222222;}
.homeV1PostGridItem .overlayBox {left: 20px;top: 20px; width: calc(100% - 40px);height: calc(100% - 40px);}
.homeV1PostGridItem.homeV1PostGridItemSmall {float: right;margin-bottom: 30px;}
.homeV1PostGridItem.homeV1PostGridItemSmall:last-child {margin-bottom: 0;}

/* Home v2 slider */
.sticky {}
.homeV2Slider {width: 100%; margin: 0 -15px 22px;border: 15px solid #fff;background: #fff;}
.homeV2SliderItem {display: block;position: relative; }
.homeV2SliderItem img {display: block;width: 100%;max-width: 100%;height: auto;}
.homeV2SliderItem .homeV1PostDesc {opacity: 0;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease;}
.homeV2SliderItem.active .homeV1PostDesc {opacity: 1;}
.homeV2Slider .bx-wrapper .bx-controls-direction a {width: 38px;height: 38px;margin-top: -19px;background: url(images/sprite.svg) no-repeat -20px -20px rgba(255,255,255,0.6);-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: background 0.3s ease;}
.homeV2Slider .bx-wrapper .bx-controls-direction a:hover {background-color: rgba(255,255,255,1);}
.homeV2Slider .bx-wrapper .bx-controls-direction a.bx-prev {left: 19px;background-position: -20px -20px;}
.homeV2Slider .bx-wrapper .bx-controls-direction a.bx-next {right: 19px;background-position: -60px -20px;}
.homeV2Slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 21px;}
.homeV2Slider .bx-wrapper .bx-pager.bx-default-pager a {width: 8px;height: 8px;border: 0;background: rgba(255,255,255,0.7);-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-o-transition: background 0.3s ease;transition: backgroun