@import url(/wp-content/themes/twentynineteen/style.css);

/*!
Theme Name:     Arvid
Theme URI:      http://thomasarvid.swedub.com
Description:    The theme
Version:        1.0.0
Author:         Jesper
Author URI:     http://blueviking.com
Text Domain:    arvid

License:        MIT License
License URI:    http://opensource.org/licenses/MIT
Updated by:     Jesper
*/

body { background:#ddd4bc url('images/bg-woodgrain.jpg'); color:#828282; 
  font-family:'Open Sans','Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.3; }

button, input, select, optgroup, textarea { font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif; }

a { color:#4f3e22; }
.site-branding-container { background:#ddd4bc; border-bottom:5px solid #a18d73; 
  background:#c3b097 url('images/bg-canvas.png') repeat; }

.site-branding { background:none; max-width:1140px; width:95%; margin:0 auto; padding:0; display:flex; }
.site-branding:before, .site-branding:after { content:""; display:table; table-layout:fixed; }
.site-branding:after { clear:both; }
.site-content { overflow:hidden; background:none; max-width:1140px; width:100%; margin:24px auto 0; }
#main-shadow-1 { width:1140px; margin:0px auto; left:6px; top:-35px; z-index:5; }
#main-shadow-2 { left:-3px; top:-3px; }
#main-shadow-3 { left:-3px; top:-3px; } 
#main-shadow-3, #main-shadow-1, #main-shadow-2 { position:relative; border-right:1px solid #ECDEC9; border-bottom:1px solid #ECDEC9;
  box-shadow:0px 0px 5px rgba(0,0,0,.20); background:#ECDEC9; }

#slider-container, #sidebar-page, #footer-container, .header-container, #main-shadow-1, .page-title { font-family:inherit; width:95%; }
#slider-container, #main-shadow-1, #sidebar-page, #footer-container { max-width:1140px; }

.content { padding-top:4px; }

.container-home { padding:0 0 32px; /*display: block;*/ display:flex; flex-wrap:wrap; }
.grid4column { /*width: 25%; margin-right: 0; display:inline; float:left;*/  flex: 1 1 188px; } 

.grid4column p { margin: 0; }

h2.home-subt { padding: 0 8px; }

@media only screen and (max-width:950px) {
}
@media only screen and (max-width:876px) {
  .grid4column { /*width:33%;*/ margin-top:16px; } 
  .descript { width:100%; display:block; flex:auto; margin-top:0; }
}
@media only screen and (max-width:776px) { 
  .grid4column { /*width:50%;*/ }
    .descript { width:100%; display:block; }
}

@media only screen and (max-width:560px) { 
  .grid4column { /*width:100%; */} 
}

.type-artwork, .type-page { width:100%; }
.page-title { margin-top:0; }

.site-footer { width:95%; max-width:1140px; margin:0 auto; padding:0 22px; color:#5e4a30; }

.site-header { margin:0; padding:0; }
.site-branding img.logo { max-height:116px; margin-left:22px; }
.site-branding, .main-navigation ul.main-menu > li  { line-height:1; }
.thelogo { width:210px; }
.thenav { text-transform:uppercase; flex:1; padding-left:32px; }
.social-navigation { margin-top:calc(1rem * .6); text-align:right; margin-bottom:1rem; margin-right:24px; }
.social-navigation ul.social-links-menu li a { color:white; }
.main-navigation { font-family:'Montserrat', sans-serif; font-weight:normal; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.30); 
  font-size:0.9em; letter-spacing:0; line-height:1.2; margin-top:8px; }

.main-navigation button { color:white; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.30); }
.main-navigation .main-menu { display:flex; align-items:stretch; justify-content:space-between; width:100%; }
.main-navigation .main-menu > li { color:unset; margin-left:0px; display:block; flex:0 1 auto; }
.main-navigation .main-menu > li > a { font-weight:700; color:white; margin-right:0.5rem; padding:0.5rem 0.9rem; display:flex; }
.main-navigation .main-menu > li > a:hover, .main-navigation .main-menu > li > a:hover + svg { 
  color:white; background:#a18d73 url('images/bg-canvas.png') repeat; }

.main-navigation .main-menu > li.menu-item-has-children > a { margin-right:0; }
.main-navigation .main-menu > li:hover { background:#a18d73 url('images/bg-canvas.png') repeat;  }
.main-navigation .main-menu > li > ul > li { font-size:0.8em; }
.main-navigation .sub-menu { background:#a18d73 url('images/bg-canvas.png') repeat; color:#fff; }
.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return { padding:0.5rem 0.9rem; }
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, 
.main-navigation .sub-menu > li > .menu-item-link-return:hover, .main-navigation .sub-menu > li > .menu-item-link-return:focus { 
  background:rgba(0,0,0,.20); }

.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return { text-shadow:unset; }
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu, 
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu, 
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
    display:block; float:none; margin-top:0; opacity:1; position:absolute; left:0; right:auto; top:auto; bottom:auto; 
    height:auto; min-width:-moz-max-content; min-width:-webkit-max-content; min-width:max-content; transform:none; }

.entry .entry-title:before, h1:not(.site-title)::before, h2::before { display:none; }
.entry .entry-header { margin:0; }
.entry .entry-title { margin:1rem; font-family:'Open Sans Condensed', sans-serif; font-weight:bold; text-transform:uppercase; 
  font-size:36px; }

.clr { clear:both; margin:0; height:0; padding:0; }
.entry .entry-content, .entry .entry-summary { max-width:unset; margin:unset; padding:unset; margin:0 1rem 0.5rem; }
.entry .entry-content > *, .entry .entry-summary > * { margin:0 0 32px; max-width:100%; }
.search-form { display:flex; }
.widget_search .search-submit { margin:0 0 0 1rem; }
.main-menu li { display:inline; /*margin-right:40px; */white-space:nowrap; }

/*.columns { width:100%; margin:0 auto; padding:2px; -ms-flex-wrap:wrap; -ms-flex-direction:column; 
  -webkit-flex-flow:row wrap; flex-flow:row wrap; display:-webkit-box; display:-ms-flexbox; display:flex; }*/

.columns { width:100%; margin:0 auto; padding:2px 16px; display:flex; /*flex-flow:row wrap;*/ flex-wrap:wrap; }

.entry-content { padding: 2px 16px; }

.artwork-thumb { margin:0px; /*flex:auto; width:20%;*/ text-align:center; padding:0 4px 32px; flex:1 1 188px; }
.theimg { display:inline; float:left; /*max-width:100%;*/ /*max-height:calc(100vh - 285px);*/ max-height:calc(100vh - 30px); max-width:100%; margin-right:24px; margin-bottom:24px; }
.theinfo {  }
.theinfo p { margin-top:0; }
.piece-name { font-size:14px; text-align:center; display:block; text-transform:uppercase; font-weight:bold; line-height:16px; }
.soldout { display:inline; float:right; font-size:21px; margin-top:21px; background:#828282; padding:3px 9px; 
  color:white; letter-spacing:1px; font-style:italic; }

.locoinfo { position:absolute; top:42px; z-index:119; padding:1px 2px; font-size:16px; right:0; color:#0000002d; }
h1.title { margin:16px 0; text-transform:uppercase; font-size:32px; font-family: 'Open Sans Condensed', sans-serif; }
.content p { font-size:18px; }

.ontheroad h3 {   font-family: 'Open Sans Condensed', sans-serif;   font-size: 16px; text-transform:uppercase;  }

.site-title, .site-description, .main-navigation, .nav-links, .page-title, .page-description, .comment-author .fn, .no-comments, h2.author-title, p.author-bio, h4 { font-size: 1em; }

div.wpcf7-response-output { width: max-content; }

#tribe-events-content table.tribe-events-calendar { background: #FFFFFF86; }
#tribe-events-pg-template { padding:22px; }

h1, h2, h3, h4, h5, h6 { margin: 0px; margin-bottom: 0px; padding: 0px; text-transform: uppercase; 
  font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; }
h2 { font-size: 24px; margin-bottom: 6px; }
h3 { text-align: center; }
h3 { font-size: 16px; margin-bottom: 6px; }
img { max-width: 100%; height: auto; }
a.button2 { margin:0; padding:0; color:#5c5c5c; text-decoration:none; padding-right:16px; line-height:1; position: relative;
  background:url(/wp-content/themes/arvid/images/button.png) top right no-repeat; cursor: pointer; text-transform:uppercase; 
  font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; }
a.button2:hover { background-position:bottom right; transition: none; }
input.button2 { border-top:none; border-left:none; margin-left:65px;}
a.button2:hover { color: #000000; text-decoration: none;}

.portfolio-post p { padding: 0 8px; }
.portfolio-post a.button2 { font-size: 14px; }
.portfolio-post .aligncenter { border-radius: 5px; height: 137px; }
.aligncenter { padding: 0 4px; }
.aligncenter { text-align: center; margin: 0px auto 10px auto; display: block; padding: 0 10px; }
.portfolio-post .aligncenter a img { margin: auto; vertical-align: middle; }
.portfolio-post img { max-height: 136px; border-radius: 5px; }

.social-navigation ul.social-links-menu li a:hover, .social-navigation ul.social-links-menu li a:active {
  color: #111; opacity: 0.5; }

#menu-item-31 > .sub-menu { left:auto; right:0; } 



.gallery { flex-flow: unset; flex-wrap: wrap; }
.gallery-item { flex: 1 1 182px; display: unset; margin-right: 0; margin-bottom: 0; padding: 16px; }
.gallery-columns-5 .gallery-item { max-width: unset; }

@media only screen and (max-width:1280px) { 
  #menu-item-57 > .sub-menu { left:auto; right:0; } 
}
@media only screen and (max-width:806px) { 
  #menu-item-57 > .sub-menu { right:auto; left:0; }
}
@media only screen and (max-width:606px) { 
  .sub-menu li { display: inline-block;  } 
  #menu-item-31 > .sub-menu { right:auto; left:0; } 
/*  #menu-item-31 > .sub-menu { left:auto; right:0; } 
  #menu-item-57 > .sub-menu { left:auto; right:0; } */
}
@media only screen and (max-width:406px) {
/*  #the_nav ul li { clear: both; }
  #menu-item-57 > .sub-menu { right:auto; left:0; } 
  #menu-item-31 > .sub-menu { right:auto; left:0; } 
*/
}

.social-navigation ul.social-links-menu li a img { width: 36px; }

.yoself { max-height: 36px; top: 10px; padding-right: 16px; }