/*
Theme name: Exchange Sails
Description: Custom Theme
*/

/******* Exchange Sails WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 5px 0 12px 20px; }
.article ul,  .article ol {  margin: 0 0 15px 20px; }
h3.widget-title { margin: 30px 0 0 0; }
.home .slider h1 {display:block;}
.slider h1 {display:none;}
.copyright a {  color: #ccc; }
.copyright a:hover {  color: #ccc; }
.widget_nav_menu .menu li {  padding: 8px 0 8px 20px;  border-bottom: 1px solid #CCC; }
.sidebar {  margin: -24px 0 0 0; }
.page-id-8 h3 { font-size: 18px; }
.page-id-8 h3.widget-title { font-size: 24px; }
.page-id-8 .article h2 { padding: 12px 0 22px 0; }

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Exchange Sails WordPress CSS *******/

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { background: #fff; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.38; color: #333; }

a { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }

h1 { font: 46px 'Open Sans',sans-serif; font-weight: 300; padding-bottom: 12px; }
h2 { font: 28px 'Montserrat', sans-serif; color: #0d4076; }
h3 { font: 24px 'Lato', sans-serif; color: #262626; font-weight: 600; }
h4 {}
h5 {}
h6 {}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.shell:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Notext  */

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/*  Alignment  */

.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 960px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.logo {
    background-size: 180px!important;
}
.header {
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    /* width: 100%; */
    /* z-index: 20; */
    background: #00407a;
}
.header .logo { margin-top: 30px; }
.header .header-content { float: right; padding-top: 55px; }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.slider .slide {  background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; font: 20px 'Montserrat', sans-serif; color: #fff; list-style-type: none; }
.slider h1 { font-family: 'Open Sans',sans-serif;  }

.home .slider .slide,
.home .slider .shell { min-height: 600px; }
.slider .slide {  min-height: 300px; z-index: 5; }
.slider .shell { position: relative; min-height: 300px; }
.slider .fullscreen-image { display: none; }
.slider .owl-carousel .owl-item img.fullscreen-image { display: none; }

.slider .slide-content {         text-shadow: 2px 2px rgba(0, 0, 0, 0.5); position: absolute; bottom: 30%; left: 0; }

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { font: 14px/1.57 'Montserrat', sans-serif; text-transform: uppercase; max-width: 960px; margin: 0 auto; margin-top: -65px; position: relative; z-index: 10; background: #fff; text-align: center; padding-top: 8px; }
.nav .btn-menu { display: none; }
.nav li { display: inline-block; }
.nav a { color: #0d4076; display: inline-block; padding: 18px 8px; }
.nav a:hover { text-decoration: none; }

.nav-secondary { font: 16px 'Montserrat', sans-serif; text-transform: lowercase; }
.nav-secondary li { display: inline-block; padding: 12px; }
.nav-secondary a { color: #fff; }
.nav-secondary a:hover { text-decoration: none; }

/* -------------------a----------------------------------------- *\
	Main
\* ------------------------------------------------------------ */

.main { padding: 40px 0; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: #353a43; padding-top: 66px; }

.footer-nav { font: 16px 'Montserrat', sans-serif; padding-bottom: 20px; float: left; width: 50%; text-transform: lowercase; }
.footer-nav li { display: inline-block; list-style-type: none; padding-right: 30px; }
.footer-nav a { color: #fff; }
.footer-nav a:hover { text-decoration: none; }

.footer-content { border-bottom: 1px solid #ccc; }
.footer-inner { padding: 15px 0 20px; }

.copyright { font: 11px 'Lato', sans-serif; color: #ccc; }

.socials { float: right; width: 50%; margin-top: -10px; }
.socials ul { float: right; }
.socials li { display: inline-block; padding: 0 1px; }
.socials li:hover { opacity: .9; }

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { float: left; width: 62%; padding-right: 60px; }
.content.content-full { float: none; width: 100%; padding-right: 0; }

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { float: right; width: 38%; padding-right: 20px; }

/* ------------------------------------------------------------ *\
	Widgets
\* ------------------------------------------------------------ */

.search-form { position: relative; overflow: hidden; }
.search-form .search-field { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7; }
.search-form .search-field:focus { background-color: #fff; }
.search-form .search-field::-webkit-input-placeholder { color: #777; }
.search-form .search-field::-moz-placeholder { color: #777; }
.search-form .search-field:-ms-input-placeholder { color: #777; }
.search-form .search-field::placeholder { color: #777; }
.search-form .screen-reader-text { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; }

.widgets { list-style: none outside none; }

.widget { padding: 0px 15px; margin-bottom: 15px; }
.widget ul { list-style: none outside none; margin: 0; }
.widget li { padding: 5px 0; }

.home .widget { padding: 0; }

.widget-title { padding-bottom: 5px; margin-bottom: 12px; font-size: 24px; color: #0d4076; font-weight: 700;}
.textwidget p { font: 14px/1.71 'Lato', sans-serif;  color: #616161; }
.widget .menu li a  {     font: 16px/1.1 'Lato', sans-serif;  color: #0D4076;  }
 
.widget_categories .screen-reader-text { display: none; }
.widget_categories .post-form { width: 100%; padding: 5px; }

.widget_calendar table { width: 100%; border-spacing: 0; border-collapse: collapse; text-align: center; }
.widget_calendar td,
.widget_calendar th { padding: 5px; border: 1px solid #000; }
.widget_calendar caption { padding: 12px; font-weight: bold; }
.widget_calendar tfoot { font-weight: bold; }

.widget_rss .rsswidget { vertical-align: middle; }
.widget_rss .rsswidget img { float: left; margin: 5px 8px 0 0; }

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.article { font: 14px/1.71 'Lato', sans-serif; color: #616161; }
.article h2 {  padding: 12px 0 8px 0; }
.article p { padding-bottom: 18px; }

.article-body ul,
.article-body ol { padding-bottom: 18px; margin-left: 25px; }
.article-body ul ul,
.article-body ol ol { padding-bottom: 0; }
.article-body .wp-caption-text { padding: 5px 10px; }

.article-body blockquote { padding-left: 18px; border-left: 3px solid #000; margin-bottom: 18px; }
.article-body blockquote p:last-child { padding-bottom: 0; }

.article-body hr { border: 1px solid #787878; margin-bottom: 18px; }

.article-title { padding-bottom: 15px; }

.article-meta { padding-bottom: 6px; border-bottom: 1px solid #000; margin-bottom: 15px; }
.article-meta p { padding-bottom: 5px; }

.article-secondary { margin:15px 0 0 0; background: #f4f4f4; color: #262626; font: 13px/1.85 'Lato', sans-serif; padding: 20px; }
.article-secondary h3 { padding-bottom: 11px; }
.article-secondary p { padding-bottom: 0; }

/* ------------------------------------------------------------ *\
	Gallery
\* ------------------------------------------------------------ */

.gallery { position: relative; overflow: hidden; padding-bottom: 20px; }
.gallery .wp-caption-text { right: 10px; bottom: 10px; left: 10px; }
.gallery-item { float: left; position: relative; padding: 10px; }
.gallery-item img { width: 100%; }

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.67%; }
.gallery-columns-7 .gallery-item { width: 14.29%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.11%; }

.gallery-columns-7 .wp-caption,
.gallery-columns-8 .wp-caption,
.gallery-columns-9 .wp-caption { display: none; }

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.paging { padding: 0 0 20px; text-align: center; }
.paging ul { list-style: none outside none; }
.paging ul,
.paging li { display: inline-block; vertical-align: top; }
.paging li { padding: 0 2px; }
.paging a { display: inline-block; padding: 4px 10px; border: 1px solid #000; border-radius: 4px; }
.paging .current a,
.paging a:hover { text-decoration: none; background: #000; color: #fff; }

.paging-label { padding-right: 10px; }
/*
.paging-first:before { content: '\00ab'; }
.paging-prev:before { content: '\2039'; }

.paging-next:before { content: '\203A'; }
.paging-last:before { content: '\00bb'; }*/

/* ------------------------------------------------------------ *\
	Comments
\* ------------------------------------------------------------ */

.section-comments { padding-top: 15px; }
.section-comments p { padding-bottom: 18px; }
.section-comments ol,
.section-comments ul { padding: 0; margin: 0; list-style: none outside none; }
.section-comments h3 { position: relative; padding: 0 0 10px; }
.section-comments h3 small { position: absolute; top: 0; right: 0; }

.comments,
.comments .children { position: relative; } 
.comments .children:before,
.comments .children:after { content: ''; position: absolute; display: block; } 
.comments .children:before { top: 33px; left: 23px; width: 32px; height: 27px; border-left: 8px solid #c3c3c3; border-bottom: 8px solid #c3c3c3; border-radius: 0 0 0 8px; }
.comments .children:after { top: -5px; left: 8px; border: 20px solid transparent; border-width: 20px 19px; border-bottom-color: #c3c3c3;  } 

.comments .comment { position: relative; border-top: 1px dashed #363636; }
.comments .children { padding-left: 70px; } 
.comments .avatar { position: absolute; top: 28px; left: 0; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #ccc; } 
.comments .says { padding-left: 5px; } 
.comments .moderation-notice { display: inline-block; margin: 3px 0 8px; color: #999; } 

.comments .comment-entry { position: relative; padding: 30px 0 30px 65px; } 

.comments .comment-text p:last-child { padding-bottom: 0; margin-bottom: 0; }

.comments .comment-meta { padding-bottom: 12px; } 
.comments .comment-meta a { color: #363636; }

.comments .comment-reply { padding-top: 10px; text-align: right; } 
.comments .comment-reply a { display: inline-block; padding: 5px 10px; background: #363636; color: #fff; border-radius: 6px; } 
.comments .comment-reply a:hover { text-decoration: none; opacity: .8; } 

.comment-respond { width: 100%; padding-top: 30px; border-top: 1px solid #363636; }
.comment-respond h3 { position: relative; }
.comment-respond small { position: absolute; top: 0; right: 0; }
.comment-respond .required { color: #e40000; }
.comment-respond label { display: block; padding-bottom: 4px; }
.comment-respond input[type="text"],
.comment-respond textarea { display: block; width: 80%; padding: 10px; border: 1px solid #ccc; background: #f7f7f7;  }
.comment-respond textarea { width: 100%; height: 100px; }
.comment-respond input[type="text"]:focus { background-color: #fff; }
.comment-respond input[type="text"]::-webkit-input-placeholder { color: #777; }
.comment-respond input[type="text"]::-moz-placeholder { color: #777; }
.comment-respond input[type="text"]:-ms-input-placeholder { color: #777; }
.comment-respond input[type="text"]::placeholder { color: #777; }

.comment-respond textarea { width: 100%; }
.comment-respond .comment-notes { padding-top: 15px; }
.comment-respond .form-submit input { display: block; width: 160px; height: 40px; border: 0; font-size: 14px; font-weight: bold; color: #fff; background: #363636; cursor: pointer; border-radius: 4px; }

.nocomments { padding-top: 12px; font-weight: bold; font-size: 18px; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { background: url(images/logo.png) no-repeat 0 0; width: 326px; height: 88px; font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; }

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn {}

.btn-menu { display: inline-block; height: 9px; padding-top: 9px; }
.btn-menu span { position: relative; display: block; width: 30px; height: 15px; border-top: 3px solid #fff; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #fff; content: ''; }

.btn-menu span:before { top: -9px; left: 0; }
.btn-menu span:after { top: 3px; left: 0; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
    -webkit-transition: all .3s linear; 
            transition: all .3s linear; 
 }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #e70000; }

.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
        transform: rotate(45deg) translate(2.5px, 6px);

}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        transform: rotate(-45deg) translate(2.5px, -6px); 
}

/* ------------------------------------------------------------ *\
	Media
\* ------------------------------------------------------------ */


@media(max-width: 1024px){
	.shell { padding: 0 15px; }

	.logo { width: 228px; height: 81px; background-size: 228px 81px; }

	.header .header-content { padding-top: 40px; }
	.header:after { top: 80px; }
	
	.home .slider .slide,
	.home .slider .shell { min-height: 500px; }
	.slider .slide-content { padding: 0 15px; bottom: 20%; }

	.nav { margin-top: -50px; background: none; }
}

@media(max-width: 980px){
	.nav { position: relative; }
	.nav .btn-menu { display: block; }
	.nav ul { display: none; position: absolute; top: 100%; z-index: 20; background: #0d4076; width: 100%; }
	.nav ul li:first-child { padding-top: 13px; }
	.nav ul li:last-child { padding-bottom: 13px; }
	.nav ul li { display: block; }
	.nav ul li a { color: #fff; padding: 10px; }
	.nav.js-shown ul { display: block; }
}

@media(max-width: 768px){
	h1 { font-size: 35px; }
	h2 { font-size: 26px; }
	h3 { font-size: 20px; }

	.home .slider .slide,
	.home .slider .shell { min-height: 400px; }
	.slider .slide-content { bottom: 25%; }

	.main { padding: 30px 0 30px; }
	.content { float: none; width: 100%; margin-bottom: 30px; padding-right: 0; }
	.sidebar { float: none; width: 100%; }

	.footer-nav { width: 100%; float: none; }
	.socials { float: none; width: 100%; margin-top: 0; padding-bottom: 20px; }
	.socials ul { float: none; }
}

@media(max-width: 600px){
	.header { text-align: center; }
	.header .logo { margin: 0; margin: 0 auto; text-align: center; }
	.header .header-content { float: none; padding-top: 0; padding-top: 10px; }
	.header:after { top: 100%; width: 100%; }

	.logo { width: 184px; height: 64px; background-size: 184px 64px; }

	.nav-secondary li { padding: 5px; }
	.nav-secondary { padding-bottom: 5px; }

	.footer-nav li { padding-right: 10px; }

	.slider .slide-content { bottom: 60px; }
}

@media(max-width: 480px){
	.gallery-columns-3 .gallery-item { width: 50%; padding: 5px; }
	.paging-label { display: block; display: none; }
	.section-comments ol,
	.section-comments ul { display: block; padding: 5px 0; }
}