/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Andrew Newby
 Author URI:   https://anewby.com/design
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*----------------[ TABLET AND ABOVE ]------------------*/

@media (min-width: 767px) {
    .hide-on-tablet-and-above {
        display: none;
    }
}

/*----------------[ MOBILE PORTRAIT ]------------------*/

@media (max-width: 478px) {
    .hide-on-mobile-portrait {
        display: none;
    }
}

/*----------------[ WS FORM ]------------------*/

/*
.wsf-form label.wsf-label, .wsf-form .wsf-help {
    margin-left: 4px;
}
*/

.divider-double hr {
    border-top-width: 6px;
    border-top-color: var(--secondary-10);
    border-top-style: double;
}

.upload-icon {
  width: 20px;
  fill: currentColor;
}

/*----------------[ CUSTOM ACF MENU ICONS ]------------------*/

/* Container styling */
.menu-svg-icon {
    display: inline-flex;
    align-items: center;
    width: 1.3em; /* Scales with text size */
    margin-right: 12px;
    vertical-align: middle;
}

/* Force the SVG to use the menu link's color */
.menu-svg-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor; /* This grabs the text color of the <a> tag */
}

/* Change color on hover automatically */
.nav-menu li a:hover .menu-svg-icon svg {
    fill: currentColor;
}


/*----------------[ PAGE SINGLE CONTENT ]------------------*/

.page-single__content{
  
    hr {
    border: none;
    border-top: 6px double var(--secondary-10)!important;
    margin: 1.5em 0;
	}
  
  /* -- Heading styles -- */
  h2, h3, h4, h5, h6{
  	font-weight: 700;
    color: var(--text-title);
  }
  
  h2, h3{
  	margin-bottom: var(--space-s);
  }
  
  h2{
  	font-size: var(--text-xl);
  }
  
  h3{
  	font-size: var(--text-l);
  }
  
  h4, h5, h6{
  	font-size: var(--text-m);
	  margin-bottom: var(--space-3xs);
  }
  
  /* -- Content paragraphs styles -- */
  p {
  
    /* - Bold text styles - */
    strong{
      color: currentColor;
    }
    
    /* - Anchor text styles - */
    a{
     	color: var(--primary);
		text-decoration: none;
		font-weight: 700;
		transition: all .2s ease;
      
      &:hover, &:focus{
      	color: var(--secondary);
      }
    }
  
  }
  
  /* -- List styles -- */
  ul, ol{
    margin:var(--space-m) 0;
    
    li:not(:last-child){
    	margin-bottom: 8px;
    }
	  
	a{
     	color: var(--secondary);
      text-decoration: none;
      font-weight: 700;
      transition: all .2s ease;
      
      &:hover, &:focus{
      	color: var(--primary);
      }
    }
	  
	}
  
  /* -- Image styles -- */
  figure{
    margin-bottom: var(--space-l);
    
    img{
    	border-radius: var(--radius-m);
    }
  
  	&:has(figcaption) {
    
  
      figcaption{
        margin-top: var(--space-xs);
        color: var(--dark);
      }
    }
  }
  
  /* -- Blockquote styles -- */
  blockquote.wp-block-quote{
    font-family:inherit;
    text-align:center;
    font-weight: 600;
    color: var(--light);
    border:none;
    background-color:var(--dark);
    padding:var(--space-3xl) var(--space-xl);
    margin-bottom: var(--space-l);
    border-radius: var(--radius-m);
    
    cite{
      margin:0;
      font-size: var(--text-l);
      color: var(--dark);
      opacity: 1;
      text-align:center;
      text-transform: inherit;
    }
  }

}
	
	
/*----------------[ MEMBER DASHBOARD ]------------------*/
  
.dashboard-content__post-content {
	
	hr {
    border: none;
    border-top: 6px double var(--secondary-10)!important;
    margin: 1.5em 0;
	}
	
  /* -- Heading styles -- */
  h1, h2, h3, h4, h5, h6{
  	font-weight: 700;
    color: var(--primary-d-1);
    margin-bottom: var(--space-s);
  }
  
  h1, h2{
  	font-size: var(--text-xl);
  }
  
  h3{
  	font-size: var(--text-l);
  }
  
  h4, h5, h6{
  	font-size: var(--text-m);
  }
  
  /* -- Content paragraphs styles -- */
  p {
  
    /* - Bold text styles - */
    strong{
      color: var(--dark);
    }
    
    /* - Anchor text styles - */
    a{
     	color: var(--secondary);
      text-decoration: none;
      font-weight: 700;
      transition: color .2s ease;
      
      &:hover, &:focus{
      	color: var(--primary);
      }
    }
  
  }
  
  /* -- List styles -- */
  ul, ol{
    margin:var(--space-m) 0;
    
    li:not(:last-child){
    	margin-bottom: 8px;
    }
	  a{
     	color: var(--secondary);
      text-decoration: none;
      font-weight: 700;
      transition: color .2s ease;
      
      &:hover, &:focus{
      	color: var(--primary);
      }
    }
  }
  
  /* -- Image styles -- */
  figure{
    margin-bottom: var(--space-l);
    
    img{
    	border-radius: var(--radius-m);
    }
  
  	&:has(figcaption) {
    
  
      figcaption{
        margin-top: var(--space-xs);
        color: var(--dark);
      }
    }
  }
  
  /* -- Blockquote styles -- */
  blockquote.wp-block-quote{
    font-family:inherit;
    text-align:center;
    font-weight: 600;
    color: var(--light);
    border:none;
    background-color:var(--dark);
    padding:var(--space-3xl) var(--space-xl);
    margin-bottom: var(--space-l);
    border-radius: var(--radius-m);
    
    cite{
      margin:0;
      font-size: var(--text-l);
      color: var(--dark);
      opacity: 1;
      text-align:center;
      text-transform: inherit;
    }
  }
}