/*
Theme Name: Carrino - Child Theme
Theme URI: http://www.3forty.media/carrino
Author: 3FortyMedia
Author URI: http://www.3forty.media
Description: Carrino Child theme for easy and non-destructive editing of Carrino theme
Version: 1.1
Text Domain: carrino
Template: carrino
*/

/* Start Custom CSS */


@font-face {
    font-family: 'Fira Sans';
    src: url('fonts/FiraSans-Light.woff2') format('woff2'),
        url('fonts/FiraSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



:root {
  --body-font: Fira Sans, Arial, Helvetica, sans-serif;
	--title-font: Fira Sans, Arial, Helvetica, sans-serif;
}



.logo-in-menu {
  text-align: left;
}

.logo-split-menu .primary-nav li.toggle{
  margin-left: 1rem
}
.logo-split-menu a.custom-logo-link {
  font-size: 2rem;
  color: #000;
  letter-spacing: 1px;
  /*font-weight: 300;*/
}

.toggle span {
	background: none;
	border: 0.5px solid #ccc;
	border-radius: 0;
}
.toggle span:hover {
	border-radius: 50%;

}



h1.works-header {margin-top: 40px; margin-bottom: 0}
header.site-header.sticky-nav.fixed .logo-in-menu .custom-logo-link {
  font-size: 1.5rem;
  letter-spacing: 0rem;
  padding: inherit 40px
}
header.site-header.sticky-nav.fixed .primary-nav {
    padding: 0 40px;
}
.site-header {
    padding: 0 40px;
    margin: 0 auto 40px auto;
}


.slide-menu {
    max-width: 100%;
    left: 100%;
}

.slide-menu .widget ul {
    margin: 0 auto;
    width: 400px;
    text-align: center;
}
.slide-menu .widget ul  li a {
  text-align: center;
  display: block;
  font-weight: 300;
  text-transform: lowercase;
  font-size: 1.2rem;
  padding: 6px 0
}
.slide-menu span.close-menu {
    margin: 0px;
}
form.search-form {
    width: 300px;
    margin: 0 auto;
}


.flex-box .entry-meta.before-title ul li:not(.category-list), .single-post .entry-meta.before-title ul li:not(.category-list) {
    /*background: var(--theme-color-2);*/
    background: rgba(0,0,0,0.3);
    color: var(--white);
    padding: 2px 6px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;

}

.post-thumbnail {
  border: 0.5px solid #ccc
}

.section-header h2.page-title,
.archive h1.page-title {
  margin: 50px 0 25px;
  border-bottom: 0.5px solid #ccc;
  font-size: 2.5rem;
  color: #999;
}

.archive h1.page-title {
  border-bottom: 0.5px solid #ccc;
  color: #333;
}

.content-area .flex-box.cover:not(.has-post-thumbnail):not(.single-post):not(.single-page):not(.hero-entry), .content-area .flex-box.cover.disabled-post-thumbnail:not(.single-post):not(.single-page):not(.hero-entry) {

    background: #ccc;
}
.content-area .flex-box.cover:not(.has-post-thumbnail):not(.single-post) .entry-meta.before-title ul li:not(.category-list) {
  padding: 2px 6px
}
.flex-box.cover:not(.has-post-thumbnail):not(.single-post) h3.entry-title a {
  color: #666;
}



.footer-bottom {
  border-top: 0.5px solid #ccc;
  margin-left: 30px;

margin-right: 30px;
} 
.menu-footer_menu-container {
  text-align: center
  
}

#menu-footer_menu {
  margin: 0 auto;
}

#menu-footer_menu li {
  display: inline;
  padding: 10px 20px;
  border-bottom: none
}

.current-menu-item {
  background: rgba(0,0,0,0.1)
}
.current-menu-item a{
  color: #000
}


/* category / archive */
.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header{
  padding-bottom: 0px
}
.has-post-thumbnail:not(.disabled-post-thumbnail) .entry-header .entry-title {
  margin-bottom: 0px
}
.page-header {
  padding: 10px 40px 15px 40px;
}




.flex-grid .flex-box{
  margin: 40px;
  border-radius: 0px;
}
.cols-2 .flex-box {
  width: calc(100% / 2 - 80px);
}
.cols-3 .flex-box {
  width: calc(100% / 3 - 80px);
}
.section-header {
  padding: 40px;
}
.section-header {
    padding-bottom:0px
  }
  .home-header {
    margin: 0;
  }

.post-thumbnail,
.post-thumbnail img,
.post-navigation .entry-meta span,
.has-post-thumbnail:not(.disabled-post-thumbnail).cover .entry-header,
.flex-box .entry-meta.before-title ul li:not(.category-list),
.single-post .entry-meta.before-title ul li:not(.category-list),
li.has-sash a span,
.primary-nav li ul.sub-menu,
.widget img,
.widget.threeforty_posts_widget ul.list-style-grid.has-post-thumbnails li.widget-entry.has-post-thumbnail .entry-meta.before-title,
.sidebar ul.social-icons.text-icon li.social-icon,
.nav-links .page-numbers.next,
.nav-links .page-numbers.prev,
.page-pagination span.page-numbers,
.post-navigation .entry-meta span{
  border-radius: 0px 0px 0px 0px !important;
}

.post-thumbnail img {
	height: auto;
	width: 100%
}

.home .post-thumbnail img {
	margin: 0 auto;
}
.single-post .post-thumbnail {
  border: none;
}


.footer-widget-area.flex-grid.cols-1 .widget:not(.threeforty_social_widget):not(.null-instagram-feed){
  max-width:none
}
ul#menu-footer_menu a {
  text-transform: lowercase;
}

.page-header {
  padding: 10px 40px 15px 40px;
}


hr:not(.wp-block-separator) {
    border: 0;
    height: 0.5px;
    margin: 0px 0;
    background: #ccc;
}

.wp-block-audio{
  visibility:hidden;
}
.audioplaybutton {
  display: block;
  margin: 0px auto 20px;
  text-align: center
}
.audioplaybutton img {
  width: 48px;
  margin-left: 20px;
  vertical-align: middle
}
table tr > td {
  vertical-align: top;
}
.vita table tr > td:first-child {
  width: 130px;
  white-space: nowrap
}
.vita4 table tr > td:first-child {
  width: 180px;
  white-space: nowrap
}
.ml-0 {
	margin-left: 0
}

ul#menu-main_rcu li:nth-child(2),
ul#menu-main_rcu li:nth-child(3),
ul#menu-main_rcu li:nth-child(4){
  display:none
}


#nav_menu-10{
  display: none
}
.slide-menu .widget ul li {
  display: block;
  border: none;
}
#nav_menu-8.widget ul li {
  display: inline-block !important;
}


.slide-menu .widget ul li a {
  padding: 10px 20px;
}

#menu-main_categories li#menu-item-4402 {
  display: none;
  cursor: default;
}
#menu-main_categories li#menu-item-4402 a {
  font-size: 1.6rem;
  color: #000
}

#menu-main_categories {
  margin: 60px auto 40px
}



.post-1.cover,
.post-2.cover,
.post-3.cover,
.post-4.cover,
.post-5.cover,
.post-6.cover{
  max-width: calc(100% / 3 - 80px) !important;
}
.home .section-header {
  padding-top: 0px
}

.critique {
  max-width: 955px;
  width: 100%;
  margin: auto
}
.critique .entry-header,
.critique .entry-content{
  padding: 5px 10px;
}
.critique .entry-content {
  font-size: 1rem !important;
  line-height: 1.4
}
.critique .flex-grid .flex-box {
    margin: 20px 40px !important;
    border-radius: 0px;
    align-self: flex-start !important
}

.page-id-1653 h4 {
  margin: 40px 50px 0;
  border-bottom: 1px #ccc solid
}
.page-id-1653 h2 {
  margin-top: 50px
}

.sl-overlay {
  opacity: 1 
}
a#press {
  display: block;
  margin-top: 80px
}
.blocks-gallery-grid {
    margin: 1rem
  }
.goto-top {
    background: #ccc;
}

/* nextGEN*/
.ngg-imagebrowser h3 {
  text-align: center;
  visibility: hidden;
}


.wp-block-gallery.has-nested-images figure.wp-block-image img {
	width: 100%;
}






@media (max-width: 1060em) {
.menu-primary-navigation-container {
    display: inline-block;
 }
.site-header .container {
    display: none;
  }
}
/* tablet version */
@media (max-width: 50em) {
  
  .flex-grid .flex-box {
      margin: 40px;
      border-radius: 0px;
  }
  .cols-3 .flex-box {
    width: calc(100% / 2 - 80px);
  }
  .alignwide, .site-wrapper .alignfull {
    width: 100vw;
    max-width: calc(100vw - 80px);
    margin-left: calc(-50vw + 40px + 50%);
  }
  .home .masonry[class*="cols"] .flex-box {
    width: calc(100% - 80px);
  }
  .critique .flex-grid .flex-box {
    margin: 0px !important
  }
  .page-id-1653 h4 {
    margin: 40px 10px 0;

  }
  .post-1.cover,
  .post-2.cover,
  .post-3.cover,
  .post-4.cover,
  .post-5.cover,
  .post-6.cover{
    max-width: calc(100% /2 - 80px) !important;
  }
}


/* phone version */

@media (max-width: 40em) {
  .slide-menu .widget ul {
    width: 300px;
}
  .critique .flex-grid .flex-box {
    margin: 10px 0 !important
  }
  .page-id-1653 h4 {
    margin: 40px 0px 0;
  }
  .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-header {
    padding-bottom: 0px;
}
  .site-header .container {
    display: flex
  }
  .menu-primary-navigation-container {
    display: none;
 }
  .home .masonry[class*="cols"] .flex-box {
    width: calc(100% - 40px);
  }
  
  .post-1.cover,
  .post-2.cover,
  .post-3.cover,
  .post-4.cover,
  .post-5.cover,
  .post-6.cover{
    max-width: calc(100% - 40px) !important;
  }
  
  .alignwide, .site-wrapper .alignfull {
    width: 100vw;
    max-width: calc(100vw - 40px) !important;
    margin-left: calc(-50vw + 20px + 50%) !important;
  }
  
  .flex-box .entry-meta.before-title ul li:not(.category-list) {
    border: none !important;
  }
  .entry-meta.before-title a {
    color: #000 !important;
}
  
  
  
  .slide-menu {
    /*background: rgba(0,0,0,0.05);*/
  }
  #nav_menu-8,
  #nav_menu-10{
    display: block;
  }  
  #nav_menu-8 li {
    display: inline-block
  }
  
  #menu-main_categories {
    margin: 40px auto
  }
 /* #nav_menu-5 {
    margin: 4rem 0
  }*/
  
  ul#menu-main_rcu li a,
  ul#menu-footer_menu-0 li a {
   font-size: 1rem !important;
  }
  
  ul#menu-main_rcu li,
  .widget ul li {
    border: none;
    display: inline-block;
  }
   ul#menu-main_rcu li a {
    padding: 6px 10px !important;
  }
  
  
  li#menu-item-4402 {
    display: block;
  }
  
  ul#menu-main_rcu li:nth-child(2),
  ul#menu-main_rcu li:nth-child(3),
  ul#menu-main_rcu li:nth-child(4) {
  display: inline-block
  }
  /*ul#menu-main_rcu li a,
  ul#menu-footer_menu-0 li a {
     text-align: right !important
  }
  #menu-main_categories li a {
    text-align: left !important
  }*/
  
  
  .the-post .single-post .entry-content:not(.custom-excerpt), .the-post .page .entry-content {
    font-size: 0.9rem;
  }
  .section-header {
    padding-top:0px
  }
  .section-header  h1 {
      font-size: 1.2em;
  }
  .site-header {
    padding: 0 0.5rem 0 1.4rem;
    margin: 0 auto 1.25rem auto;
    background: rgba(0,0,0,0.05);
  }
  .single .site-header {
    margin: 0 auto 0rem auto;
  }
  .toggle span {
    width: 36px;
  }
  .toggle i[class*="icon"]{
    color: #999
  }
  .logo-wrapper, .wp-custom-logo .logo-left-menu-right .logo-wrapper {
    max-width: none;
    padding: 0;
  }
  .logo-split-menu a.custom-logo-link {
    font-size: 1.4rem;
  }
  
  .toggle span {
    background: none;
  }
  .flex-grid .flex-box {
    margin: 1rem;
  }
  .cols-3 .flex-box,
  .cols-2 .flex-box{
    width: calc(100% / 1 - 80px);
  }
  .flex-box .entry-meta.before-title ul li:not(.category-list), .single-post .entry-meta.before-title ul li:not(.category-list) {
    background: rgba(255,255,255,0.5);
    border: 1px solid #ccc
  }
  .flex-grid .flex-box {
    margin: 1.25rem;
  }
  .flex-grid .flex-box.single-page {
    margin-top: 0rem;
  }
  .entry-meta.before-title a {
    color: #666;
  }
  h1.works-header {
    margin-top: 20px;
    margin-bottom: 0;
}
  
  h1.page-title, h1.entry-title, .has-sidebar h1.page-title, .has-sidebar .default h1.entry-title {
    font-size: 1.65rem;
  }
  .site-footer {
    background: rgba(0,0,0,0.05);
    padding-top: 0px;
    padding-bottom: 10px
  }
  .footer-bottom {
    border-top: 0.5px solid #ccc;
    margin-left: 20px;
    margin-right: 20px;
  }
  .widget:not(.null-instagram-feed):not(.threeforty_social_widget) {
    width: calc(100%) !important;
  }
  /*#menu-footer_menu li {
    padding: 8px 10px;
    border: 1px solid #ccc;
    margin: 10px auto;
    display: block
  }*/
  .cols-1 .widget ul li a {
    font-size: 0.85rem;
    padding: 8px 0;
  }
  .wp-block-image figcaption {
    width: 100%;
    font-size: 0.9rem;
    font-style: italic;
    color: #666;
  }
  figure.wp-block-image {
    margin: 30px 0;
  }
  main {
    margin-bottom: 0px;
  }
  /*.hentry-footer {
    display: none;
  }*/
  
  
  
  .home .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-title {
    font-size: 20px !important;
    margin-bottom: 20px;
  }
  .archive .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-header
  .page .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-header{
    padding-bottom: 0px;
  }
  .archive .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-title,
  .page .content-area:not(.the-post) .flex-box:not(.archive-info) .entry-title{
    font-size: 16px !important;
    margin-bottom: 0px;
  }  
  .page-header,
  .content-area .flex-box:not(.has-post-thumbnail).default .entry-header{
    padding: 0px 20px;
  }
  .archive h1.page-title {
    margin: 0px 0 25px;
    font-size: 2.2rem;
    color: #333;
  }
  
  .page h1.entry-title {
    margin: 0px 0 25px;
    font-size: 2.2rem;
    color: #333;
    border-bottom: 0.5px solid #ccc;
  }
  table {
    border-collapse: separate;
    
  }
  table tr  td:first-child {
    font-weight: bold;
    padding-top: 10px;
    color: #000;
    white-space: nowrap;
  }
}