/*
Theme Name: Theme
Theme URI: http://example.com/example/
Description: 
Author: Kaira
Version: 1.0
.
Your theme can be your copyrighted work.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }
/* 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; }
table { border-collapse: collapse; border-spacing: 0px; }

#wp-admin-bar-wp-logo { display: none !important; }
#wp-admin-bar-updates { display: none !important; }

/* My styling starts here */
body { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 12px; line-height: 15px; color: #000; margin: 0px; padding: 0px; }
a { outline: none; text-decoration: none; color: #000; }
a:hover { color: #9e8f41; }
p { padding: 5px 0px 10px 0px; }
h1, h2, h3, h4, h5, h6 { padding: 15px 10px 10px 10px; letter-spacing: 3px; font-family: 'Lato', sans-serif; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
strong, b { font-weight: bold; }
i, em { font-style: italic; }

h1.htitle, h2.htitle, h3.htitle { margin: 0px; padding: 15px 0 10px; font-size: 11px; text-transform: uppercase; letter-spacing: 3px; }

.clearboth { clear: both; }
.zeroheight { height: 0px; }
.zeromargin { margin: 0px !important; }
.hide { display: none; }

.wrapper { max-width: 1050px;  margin: 0px auto; padding: 0px 15px; position: relative; }

.header { text-align: center; }

.navigation { border-top: solid 1px #000; border-bottom: solid 1px #000; padding: 10px 0px 10px 0px; }
.nav-item {  }
.nav-item a { display: block; text-align: left; padding: 10px 0; font-size: 10px; letter-spacing: 2px; font-family: 'Lato', sans-serif; }
.nav-selected { color: #9e8f41 !important; }

.main-navigation,
.right-navigation,
.sidebar-right .menu {
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
    padding: 10px 0px 10px 0px;
}
.main-navigation ul,
.right-navigation ul,
.sidebar-right .menu ul {
    
}
.main-navigation ul li,
.right-navigation ul li,
.sidebar-right .menu li {
    
}
.main-navigation ul li a,
.right-navigation ul li a,
.sidebar-right .menu li a {
    display: block;
    text-align: left;
    padding: 10px 0;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
}

.sidebar { float: left;  width: 15%; box-sizing: border-box; padding: 0 20px 0 0; }
.content {  float: left; border-top: solid 1px #000;padding: 20px 0px 20px 0px; width: 70%; box-sizing: border-box; }
.wrapper.site-noright-sidebar .content { width: 85%; }

body.page-template-template-blog .wrapper .content {
}

.sidebar-right {
    float: left;
    width: 15%;
    box-sizing: border-box;
    padding: 0 0 0 20px;
}
.wrapper.site-noright-sidebar .sidebar-right {
    display: none;
}
body.single-collections .wrapper.site-noright-sidebar .sidebar-right,
body.single-wedding .wrapper.site-noright-sidebar .sidebar-right,
body.single-in-store .wrapper.site-noright-sidebar .sidebar-right {
    display: block;
}

body.single-collections .wrapper.site-noright-sidebar .content,
body.single-wedding .wrapper.site-noright-sidebar .content,
body.single-in-store .wrapper.site-noright-sidebar .content {
    width: 70%;
}


.page-content {   }
.page-nav {  float: left; width: 100%;margin: 0; padding: 10px 0 13px 0; border-top: solid 1px #000; border-bottom: solid 1px #000; }
.page-nav h3 { margin: 0px; padding: 10px 0px 10px 0px; font-size: 10px; text-transform: uppercase; white-space: nowrap; }
.page-nav-item {  }
.page-nav-item a { display: block; text-align: left; padding: 10px 0; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-family: 'Lato', sans-serif; }
.page-nav-items {  margin: 0px 0 11px; padding: 10px 0px 0px 0px; }
.page-nav-items a { display: block; text-align: left; padding: 0px 0; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; font-family: 'Lato', sans-serif; }
.current_page_item a,
.page-nav-selected { color: #9e8f41 !important; }

.slider-wrap {
    position: relative;
    overflow: hidden;
}
.slider-wrap-remove {
    background-image: url(images/over_load.gif);
    background-repeat: no-repeat;
    background-position: center center;
    height: 390px;
    overflow: hidden;
}
.slider-wrap-remove .slide-carousel {
    visibility: hidden;
}
.home-slider-block {
    float: left;
}
.home-slider-block > a {
    display: block;
}
.home-slider-block-img {
    width: 100%;
    height: auto;
    /* display: block; */
    /* margin: 0; */
}
.pager { text-align: right; padding: 10px 0px 5px 0; position: relative; z-index: 990; }
.pager a { background-color: #000000; display: inline-block; width: 4px; height: 4px; margin: 0px 0px 0px 6px; border-radius: 4px; box-shadow: 0 1px 1px #cef; }
.pager a:hover { background-color: #9e8f41; }
.pager a.selected { background-color: #9e8f41; }
.pager a span { display: none; }
.carousel-prev {
    display: block;
    width: 50%;
    height: 100%;
    background-image: url(images/prev_arrow.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    position: absolute;
    left: 0px;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.carousel-next {
    display: block;
    width: 50%;
    height: 100%;
    background-image: url(images/next_arrow.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    position: absolute;
    right: 0px;
    bottom: 0;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -moz-transition: opacity 0.3s ease 0s;
    -ms-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    }

.slider-wrap:hover .carousel-prev,
.slider-wrap:hover .carousel-next {
    opacity: 1;
}

.large-image { width: 900px; display: none; }

.home-pages { border-top: solid 1px #000; padding: 18px 0 0; margin: 10px 0px 0px 0px; }
.home-block { width: 24.23469%; float: left; margin: 0px 1.0204% 0px 0px; }
.home-block h3 { font-size: 12px; text-transform: uppercase; margin: 0px; padding: 20px 0 10px; }
.home-block-img {  }
.home-block-img img { width: 100%; height: auto; }
.home-block-txt { font-size: 11px; text-align: justify; }

.about-pages {  }
.about-pages img { max-width: 100%; height: auto; }

.blog-cats {  border-bottom: solid 1px #000; padding: 0 0 18px 0px; margin: 0; }
.blog-cats ul { margin: 0px; padding: 0px; }
.blog-cats li { margin: 0px 4px; padding: 0px; list-style-type: none; display: inline-block; letter-spacing: 5px; text-transform: uppercase; }
.blog-loop {  }
.term-selected a { color: #9e8f41 !important; }

.social-hover-links { width: 105px; position: absolute; bottom: -6px; left: 130px; z-index: 99999; padding: 10px 8px 10px 10px; }
.social-hover-links-blog { width: 105px; background-color: #fff; position: absolute; left: 0px; z-index: 99999; padding: 10px 8px 10px 10px; border-radius: 4px; bottom: -48px; }
a.social-email-one { display: inline-block; width: 42px; height: 28px; background-image: url(images/email_us.png); }
a.social-email-two { display: inline-block; width: 42px; height: 28px; margin: 0px 0px 0px 10px; background-image: url(images/email_friend.png); }
.social-fb {  padding: 8px 0px 8px 0px; }
.social-tw {  }
.social-hover-links-blog .social-fb { display: inline-block; padding: 0 5px 0 13px; }
.social-hover-links-blog .social-tw { display: inline-block; }

.widget h2 { font-size: 12px; margin: 0; padding: 20px 0 10px; font-weight: normal; text-transform: uppercase; }
.widget li { margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 11px; }
.widget li a,
.blog-cats li a { font-family: 'Lato', sans-serif; font-size: 11px; }

div.pp_overlay { position: fixed !important; }

.sidebar-social {
    padding: 15px 0 0;
}
.new-fb-icon {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background-image: url(images/fb_icon.png);
}
.new-ig-icon {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background-image: url(images/ig_icon.png);
    margin: 0 0 0 10px;
}
.new-tw-icon {
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background-image: url(images/tw_icon.png);
    margin: 0 0 0 10px;
}

.footer { border-top: solid 1px #000; padding: 15px 0px 30px 0px; margin: 20px 0px 0px 0px; letter-spacing: 1px; }
.footer-divider { width: 2%; }
.footer > div { display: block; float: left; text-align: right; white-space: nowrap; }
.percent15 { width: 18.5%; }
.percent40 { width: 37%; }
.percent20 { width: 18%; margin: 0 0 0 10px; }
.percent16 { width: 15%; }
.percent5 { width: 5%; }

.hide-blog {
    height: 400px;
    overflow: hidden;
    background-image: url(images/over_load.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.hide-blog .blog-loop {
    visibility: hidden;
}
.blog-block {
    width: 25%;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.08);
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 18px 0px 5px 0px;
    margin: 0;
}
/*.blog-block > a > img {
    width: 100%;
    height: auto;
}*/
.blog-meta { color: #9e8f41; text-align: left; font-size: 10px; padding: 5px 25px 10px; }
.blog-meta h3 { color: #9e8f41; font-size: 11px; text-transform: uppercase; margin: 0px; padding: 0px; }
.blog-txt { text-align: left; font-size: 11px; padding: 0px 25px 5px; }
.no-posts { font-size: 16px; color: #999; text-align: center; padding: 100px 0px 200px 0px; }
.blog-block-info { display: none; }
.blog-block-info-block { position: relative; }
.blog-block-info-block img { margin: 0px auto; max-width: 100%; }
.blog-block-info-block iframe { margin: 0px auto; }
.blog-block-info-block h6 { color: #000000; font-size: 18px; font-weight: bold; margin: 0; padding: 5px 0 8px; }
.blog-text { font-size: 14px; line-height: 20px; }
.blog-text img { width: 100%; height: auto; }
.blog-text p { margin: 0px !important; padding: 5px 0px 10px 0px; }
.blog-r-img { text-align: center; }

.pp_social .facebook { overflow: visible !important; }
.pp_social { position: absolute; top: -2px; left: 240px;}
.pp_social .twitter { width: 90px; }
a.pp_close { width: 24px !important; height: 26px !important; background-image: url(images/close.gif) !important; background-position: 0px -2px !important; background-size: 100% !important;right: 7px !important; top: 4px !important; border-radius: 3px !important; }

.blog-block-new {
    width: 49.8%;
    margin: 0;
    padding: 0;
}
.blog-block-new-img {
    padding: 20px 20px 0px;
}
.blog-block-new-img img {
    max-width: 100%;
    height: auto;
}
.blog-block-new-title {
    margin: 0;
    padding: 15px 20px 8px;
    font-size: 12px;
    line-height: 1.2em;
    color: #9d8e41;
    font-family: 'Lato', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.blog-block-new-meta {
    color: #9d8e41;
    padding: 0 20px 0px;
}
.blog-block-new-content {
    margin: 10px 20px;    
    font-size: 13px;
    border-bottom: 1px dotted #A5A5A5;
}
.blog-block-new-content p {
    padding: 5px 0 20px;
}
.blog-video-wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.blog-video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.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: top, left, 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; }
/* End: Recommended Isotope styles */

.page-header {
    
border-bottom: solid 1px #000;
}
h1.page-title {
    margin: 0;
    padding: 0 0 18px;
    font-size: 12px;
    text-transform: uppercase;
}

.posts-navigation {
    height: 18px;
    padding: 18px 0 0;
    border-bottom: 0;
    margin: 0 0 -20px;
}
.posts-navigation h2 {
    display: none;
}
.nav-previous {
    float: right;
}
.nav-next {
    float: left;
}

/* = WordPress Core CSS
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float:left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float:right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float:left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }

@media only screen and ( max-width: 992px ) {
    
    .footer > div {
        float: none;
        width: 100%;
        text-align: center;
        margin: 0 0 3px;
    }
    .footer-divider {
        display: none !important;
    }
    
}

@media only screen and ( max-width: 782px ) {
    
    .sidebar,
    .content,
    .sidebar-right {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    body.page-template-template-blog .wrapper .content {
        width: 100%;
    }
    .sidebar {
        margin: 0 0 15px;
    }
    .content {
        
    }
    .sidebar-right .menu {
        border-bottom: 0;
        padding: 20px 0px 0px 0px;
    }
    
}

@media only screen and ( max-width: 640px ) {
    
    .blog-loop {
        border-left: 0;
    }
    .blog-block-new {
        width: 100%;
        border-left: 0;
        border-right: 0;
    }
    
}