/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.7.8
 Text Domain:  bricks
*/

/* @import "bulma_grid.css?v=0.9.4.2"; */
/* @import "hover-min.css?v=2.3.2"; */

:root {
        --color-primary: #D11D46; 
        --color-dark-primary: #7D112A;
        --color-grey: #0C0A0A;
        --color-black: #000000;
        --color-lite-grey: #efefef;
		--color-dark-grey: #333333;
		--color-grey-dark: #333333;
		font-family: 'Roboto Slab', serif;
		--bulma-link-text: #D11D46;
		--bulma-content-heading-color: #333333;
		--bulma-body-color:#333333;
		--bulma-label-color:#333333;
		--bulma-content-table-head-cell-color:#333333;
		--bulma-strong-color: #333333;
    }
    
body {  font-family: 'Roboto Slab', Times New Roman, serif; /* font-size: 1.4rem; */
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
	color:var(--color-dark-grey);

}
	h1, h2, h3, h4, h5, h6 { text-transform:uppercase; line-height:110%; padding:0 0 1.5vh 0; margin:0; color:var(--bulma-body-color); }
		.content h1,
		.content h2,
		.content h3,
		.content h4,
		.content h5,
		.content h6 { color:var(--color-grey-dark);  }


/*bulma additions */
    
	.is-full-height { height:100%; display: flex; flex-direction: row; align-items: stretch; }
	.has-text-center, .has-text-centered { text-align:center; }
    
	 html .desktop-only { display:none; }
@media (max-width:768px) {
.columns.is-mobile .column.is-1-mobile, .column.is-1-mobile {  flex: none; width: 8.33333%; }
.columns.is-mobile .column.is-2-mobile, .column.is-2-mobile {  flex: none; width: 16.66667%;  }
.columns.is-mobile .column.is-3-mobile, .column.is-3-mobile {  flex: none; width: 25%; }
.columns.is-mobile .column.is-4-mobile, .column.is-4-mobile { flex: none; width: 33.33333%; }
.columns.is-mobile .column.is-5-mobile, .column.is-5-mobile {  flex: none;  width: 41.66667%; }
.columns.is-mobile .column.is-6-mobile, .column.is-6-mobile {  flex: none;  width: 50%; }
.columns.is-mobile .column.is-7-mobile, .column.is-7-mobile {  flex: none; width: 58.33333%; }
.columns.is-mobile .column.is-8-mobile, .column.is-8-mobile { flex: none;  width: 66.66667%;  }
.columns.is-mobile .column.is-9-mobile, .column.is-9-mobile { flex: none; width: 75%; }
.columns.is-mobile .column.is-10-mobile, .column.is-10-mobile { flex: none; width: 83.33333%; }
.columns.is-mobile .column.is-11-mobile, .column.is-11-mobile { flex: none; width: 91.66667%; }
.columns.is-mobile .column.is-12-mobile, .column.is-12-mobile { flex: none;  width: 100%; }
}

.brxe-image.tag, .brxe-image.tag .tag { height:auto; background-color:transparent; }

.page-id-978 .content ul { list-style-type:none; }

.icon-container { text-align:center; padding:3vh 3vw; }


/* bulma overrides */

.blog-post-list ul, .content ul.brxe-image-gallery  { margin-inline-start:0; }

/* Bricks overrides */

.brxe-container { width:100vw; margin:0; flex-direction: initial; justify-content:center; }
.brxe-icon { color:#D11D46; font-size:5.0rem; }

:where(.brxe-image) img, img { height:auto; }

.bricks-button, .gform_button { background-color:var(--color-primary); text-transform:uppercase; font-weight:bold; line-height:110%; color:#ffffff; padding:8px 15px; }
.gform_button { border:0; }
   .bricks-button:hover, .gform_button:hover { background-color:var(--color-dark-primary); transition:0.3s; color:#ffffff; }
.bricks-button i { translate:0; }
    .max-wrapper-link { cursor: pointer;  } 

.brxe-button .fas {font-size:2.0rem;}

main section { min-height:1vh; }
	/* main section:nth-child(2) { margin:5vh 0; padding:0; } 
		main section.row { padding:3vh 3vw; } */
		main .columns.brxe-section, .columns.brxe-container { height:auto; min-height:1vh; margin:0; padding:0; }
		.row-grey { background-color:#efefef;  }
		.row-white { background-color:#ffffff;}

label { color:#000000; }

a.brxe-image.tag { background-color:transparent!important;  }

/* header */
    #brx-header {background-color:#ffffff; padding-bottom:0!important; }
    #brx-header .fas { font-size:2.4rem; padding:0.65rem; margin:0.75rem; color: var(--color-primary);  }
        #brx-header .mk-logo { height:100px; overflow:hidden;  border:1px solid #efefef; text-align:center; }
    :where(.brxe-image) img {width:auto;}

#brx-header .columns { height:auto; }


/*nav */

:where(.brxe-nav-menu) .bricks-nav-menu > li { margin: 0 0 0 10px; }

    .brxe-toggle::after {content:'Menu'; padding:5px 10px; font-size:2.4rem; position:relative; bottom:6px; }
    
    .brx-open .menu-item {width:100%; text-align:center; font-size:2.4rem;}
        .brx-open .brxe-nav-nested.brx-open li.menu-item a { padding:2vw 2vh}
    
.bricks-nav-menu > li > a,
.bricks-nav-menu > li > .brx-submenu-toggle { text-align:center; }
            
    .brx-submenu-toggle button {color: var(--color-primary);}
    
    .brxe-nav-menu a:link { color:#0C0A0A; transition: 0.3s; }
    .brxe-nav-menu a:visited { color:#0C0A0A; }
    .brxe-nav-menu a:hover { color: var(--color-primary); }
    .brxe-nav-menu a:active, .brxe-nav-menu a:focus { color: var(--color-primary); }
    
    .brxe-nav-menu .sub-menu a:link { color:#ffffff; transition: 0.3s; }
    .brxe-nav-menu .sub-menu a:visited { color:#ffffff; }
    .brxe-nav-menu .sub-menu a:hover { color: var(--color-primary); }
    .brxe-nav-menu .sub-menu a:active, .brxe-nav-menu a:focus { color: var(--color-primary); }

	 #brxe-ispcng .brx-nav-nested-items > li > [aria-current="page"]  { background-color:transparent!important; border-bottom:4px solid #7D112A; } 
    
       /* mobile nav */
.brxe-nav-menu .bricks-mobile-menu-wrapper a { color:#ffffff; }




    
   /* https://fontawesome.com/v5/docs/web/advanced/css-pseudo-elements */
    
    .brx-open .brx-nav-nested-items {padding:10vh 10vw}
    .brx-open .menu-item {margin:1.5vh 1.5vw;}
    .brx-open .menu-item .brx-toggle-div.is-active span {display:none;}
    .brx-open .menu-item .brx-toggle-div.is-active::before { content:'\f057'; font-family: "Font Awesome 6 Pro"; font-weight: 700; }
	.brx-open .brxe-toggle.is-active::after {content:'Close'; padding:0 10px; bottom:0;}


/* footer */  
    #brx-footer {background-color:#171717; padding:2rem 0; }
        #brx-footer #brxe-fzlynp {  }
    
    #brx-footer h4 { color:#ffffff; font-size:1.4rem; text-transform:uppercase; padding:1.2rem 0; }
    #brx-footer div { color:#77787A; }
    
    #brx-footer a:link { color:#77787A; transition: 0.3s; }
    	#brx-footer a:visited { color:#ffffff; }
    	#brx-footer a:hover { color: #ffffff; }
    	#brx-footer a:active, #brx-footer a:focus { color:#ffffff; }
    
    #brx-footer .column {padding:0.75rem; }
    #brx-footer .brxe-icon.fas { color:#ffffff; background-color:var(--color-primary); font-size:1.4rem; padding:0.65rem; margin:0.75rem; }
    #brx-footer .menu-item {padding:0.65rem 0; border-bottom:1px solid #252222; margin:0; }
    
    .mk-footer-logo-container { text-align:center; }




/* body */
    #brx-content h1, #brx-content h2, #brx-content h3, #brx-content h4 {text-align:center; margin:0 0 1.5rem 0; line-height:110%; }
		#brx-content h1:not(:first-child), #brx-content h2:not(:first-child), #brx-content h3:not(:first-child), #brx-content h4:not(:first-child) { margin:1.5rem 0; }

 
    #brx-content p { color:var(--color-grey-dark); }
    
	#brx-content a:link { color: var(--color-primary); }
		main a:visited { color: var(--color-dark-primary); }
		main a:hover { color: var(--color-dark-primary); }
		main a:active { color: var(--color-dark-primary); }

	#brx-content a.bricks-button:link, .gform_button { color: #ffffff; }
		main a.bricks-button:visited { color: #ffffff; }
		main a.bricks-button:hover { color: #ffffff; }
		main a.bricks-button:active { color: #ffffff; }

	#brx-content .mk-button, main a.mk-button { width:auto; margin:0 auto; color:#ffffff;  }

ul.is-multi-column { padding-left:10px; }

.is-multi-column.is-3 { column-count:2; }

@media (min-width:1080px) {
ul.is-multi-column { padding-left:25px; }
.is-multi-column.is-3 {column-count: 3;} 
}


/* home */    
    #mk-hero-banner { position:relative; }
		#mk-hero-banner::after { position:absolute; top:0; left:0; right:0; bottom:0; content:'';  z-index:1;
			opacity:1.0; background: rgb(249,249,252); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.9) 15%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,1) 86%, rgba(255,255,255,1) 100%);
		}
    #brxe-hbrnbk {position:relative; }
		 #brxe-hbrnbk::after {display:block; width:90%; height:90%; position:absolute; bottom:4%; right:4%; content:''; 
			background: rgb(2,0,36); background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(204,204,204,0) 55%);
   		 }
    	#brxe-hbrnbk img {position:relative; z-index:11;}
	#brxe-iqylft { position:relative; z-index:2; }
.mk-subhead { font-size:1.8rem; }

@media (max-width:768px) { #mk-hero-banner .brxe-container { flex-direction:column; } }

#brxe-mbuddf { position:relative; }

#mk-hero-banner h1  {  margin:0; }
	#mk-hero-banner h2 { font-size:1.8rem; margin:0 0 1.5rem 0; }

.home main section:nth-child(2) { margin: 5vh 0; }

.home #brx-content h1 { font-size:2.4rem; }
.home #brx-content h2, .home #brx-content .is-4.content h2 { font-size:1.4rem;  }
.home #brx-content .mk-subhead { font-weight:300; }

/* product page 
 * Class .product
 * */

	.mab-image-gallery-thumbnail img { border:1px solid #cccccc;}

	.bricks-image-caption {color:#ffffff; background:transparent!important; text-shadow: 1px 1px 2px #000000; opacity:0.9; line-height:100%; white-space:wrap;  }

.mk-portal-bk {
	background-image: url(https://www.theuntroddenways.com/wp-content/uploads/2023/12/div_background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.mk-portal-bk figure { border:2px solid #ffffff; }

.mk-product-row, .mk-products-row { padding:5vh 0; }

.mk-introduction, .mk-instructions { font-style:italic; }

.mk-redbar { padding:5vh 0;  }
	.row-grey + .mk-redbar { margin-top:0; margin:0; }

.is-intro { padding:0; text-align:center; }
	.is-intro.content h2, #brx-content .is-intro h2 { padding:0; margin:0;  }
	.mk-intro { padding:15px 0 0 0; font-style:italic; }

.product .content .pages-gallery figure:not([class]) { margin-left:5px; margin-right:5px; }

#brx-content .is-intro .title { margin:0; padding:0;  }



/* Custom Styles */
.mk-flex-column {display:flex; flex-direction:column; justify-content:center;}
    
	

.mk-subhead, .mk-subhead1, .mk-subhead2, .mk-subhead3 {font-weight:400; text-transform:uppercase; margin:0; color:var(--color-grey); text-align:center; line-height:100%;  }
    .mk-subhead1 { font-size:1.8rem;  }

.mk-button-container { padding:4rem 0; }
	.mk-button { width:auto; margin:0 auto; }

.stats-table td {padding:0.25rem; text-align:center; font-size:1.2rem;  }
.stats-table td:first-child { text-align:left; }
.stats-table thead { font-weight:bold; }
.fa-green, .stats-table .fa-solid { color:var(--color-primary) }


/* contact */

.gform_wrapper.gravity-theme .gform_validation_errors { padding:15px; text-align:left;  }


/*nav */
		.brx-nav-nested-items > li > [aria-current="page"]  { background-color:transparent; border-bottom:4px solid red; }


/* Archive Blog Page */

.blog-post-list .repeater-item p.dynamic { width:100%; padding:0; margin:0; font-size:1.4rem; font-style:italic; padding:15px 0; margin-bottom:15px; border-top:3px dotted var(--color-primary); border-bottom:3px dotted var(--color-primary);  }

    figure.image, .image-wrapper {position:relative;}
    figure.image::after, .image-wrapper::after {content:''; display:block; 
        background-image: url("/wp-content/uploads/2024/02/photo_border_v3.png"); 
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        position:absolute; top:0; left:0; right:0; bottom:0; 
    }


/* blog single */

 main .brxe-post-sharing a:link { color:#ffffff; }
    .brxe-post-sharing { flex-direction:row-reverse; gap:10px;  }
    
    .brxe-post-meta { width:100%; color:var(--color-dark-grey); padding:10px 0; margin:15px 0; border-bottom:2px dotted var(--color-primary); border-top:2px dotted var(--color-primary);  }
.wp-singular .bricks-layout-item p.dynamic { font-size:1.0rem;  }

/* character 
 * Class .characters
 * 
 * */

.character-details h2 { border-top:3px dotted var(--color-primary); padding-top:15px; }
    .character-details li { position:relative; }
    .character-details li::before { width:8px; height:8px; background-color:black; content:''; left:-25px; top:45%; position:absolute; }

.characters .content div { margin-bottom:5vh; }

/* general formatting */

.mk-data-table td { border-top:1px solid #efefef; padding:10px 0;  }
    .mk-data-table thead {font-weight:900; }

/* Story Starters */

.page-story-starters .content-wrapper { padding-bottom:5vh; border-bottom:3px dotted #D01D46; }

.page-story-starters  #brx-content  h2,	
	.page-story-starters  #brx-content  h3 { margin-bottom:0; }


.bricks-pagination { padding:2vh 0; }	
.bricks-pagination .page-numbers { display:flex; flex-direction:row; height:30px; min-height:15px; }
	.bricks-pagination .page-numbers li { width:30px; height:30px; }
	.brxe-posts .bricks-pagination .current { border:1px solid var(--color-primary); color:#000000; background-color:var(--color-lite-grey); }
	




/* Grey Images */

.img-container-grey, .img-container-gray { position:relative; }
.img-container-grey::before, .img-container-grey::after { content:''; background: rgb(239,239,239);
background: linear-gradient(0deg, rgba(239,239,239,0) 80%, rgba(239,239,239,1) 100%), linear-gradient(90deg, rgba(239,239,239,0) 80%, rgba(239,239,239,1) 100%), linear-gradient(-90deg, rgba(239,239,239,0) 80%, rgba(239,239,239,1) 100%), linear-gradient(180deg, rgba(239,239,239,0) 80%, rgba(239,239,239,1) 100%);
z-index:1;
position:absolute;
top:0; left:0; right:0; bottom:0;
}


.img-container { position:relative; }
.img-container::before, .img-container::after { content:''; background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%), linear-gradient(90deg, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%), linear-gradient(-90deg, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%), linear-gradient(180deg, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
z-index:1;
position:absolute;
top:0; left:0; right:0; bottom:0;
}


/* Product Page */

.title-product, 
.title-product.brxe-heading,
#brx-content h3.title-product:not(:first-child) { margin:1.5rem 0 0 0; }

/* Products */

.product .content .pages-gallery figure:not([class]),
.brxe-image-gallery figure:not([class]) { margin-left:5px; margin-right:5px; }

#brx-content .is-intro .title { margin:0; padding:0;  }





/* Characters */

.characters .content div { margin-bottom:5vh; }

.columns-grid { margin-top:3vh; }

.columns-grid .is-6-mobile { border:1px solid #cccccc; }

.columns-grid h3,
.column-grid-item h3,
#brx-content .column-grid-item h3,
.column-grid-item h3 { font-weight:700; padding:0; margin:1.5rem 0 0 0;  }

.column-grid-item .is-location,
.columns-grid .is-location { line-height:100%; }

.columns-grid .brxe-icon { font-size:3.6rem; }


.bricks-button { border-radius:8px; }


/* Blog */

.page-story-starters .section:first-child { margin-bottom:0; padding-bottom:0; }
	.page-story-starters #brx-content .section:first-child h1 { margin-bottom:0; padding-bottom:0; }

.page-story-starters .content ul { margin-inline-start:0; }


/* Bricks Overrides */

figure.tag { padding:0; }





/* Mobile Only --------------------------------------------------------------  */

@media (max-width:720px) {
	.page-guide-to-the-ways h2 { font-size:1.8rem;  }
	.page-guide-to-the-ways .page-layout-item { padding:10px; }
	
	
	#brxe-sivgbb.is-justify-content-flex-end { justify-content: flex-start !important  }
	
/* header */
#uw-header.section { --bulma-section-padding: 0; }
	#brxe-gpdign { padding-left:1.75rem; }
	.brxe-nav-menu .bricks-mobile-menu-wrapper { padding:15px; }
	.brxe-nav-menu .bricks-mobile-menu-wrapper::before { background-color:#000000; }
	.brxe-nav-menu .bricks-mobile-menu li { text-align:left; }
	
	/*header*/
	
	#brxe-gpdign { padding-left:1.75rem; }
	
	
	/* grid of 1/2 columns */
	
.column-grid-item { border:1px solid #cccccc; }	
	.column-grid-item .bricks-button { font-size:0.75rem; }	
	.column-grid-item .brxe-icon { font-size:3.0rem; }
	
	.column-grid-item.content:not(:last-child) { margin-bottom: 0; }
	
	
	.blog .content li + li { margin-top:5vh; }
	
}


/* Tablet */
@media (min-width:1024px)  { 
	
/* body */
		/* main section {padding:0; margin:0; }
		main section:first-child {padding:0; }
	
	body, .gform_wrapper.gravity-theme .gfield_label { font-size:1.6rem; }    */  
     
	#brx-content { min-height:80vh; }
	

	#brx-content h1, #brx-content h2, #brx-content h3, #brx-content h4 {margin:0 0 1.5rem 0; }
	
/* home */
	#brxe-mbuddf::after { z-index:-1; display: block; width: 90%; height: 90%; position: absolute; top:0; left:0;  bottom: 0; right: 0; content: '';
		background: rgb(2,0,36); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 85%); } 
	
	.stats-table td { font-size:1.4rem; padding:1.5rem;  }
	
/* Full Width Page */
	
	.full-width-page .brxe-container { width:100%; }
	.button-container { margin-top:30px; margin-bottom:30px; }
	
	
/* menu */
	.menu-item { padding:0 20px; }
	
	
/*Hs*/
	#brx-content h2 { font-size:1.8rem; }
	#brx-content h2.title { font-size:2.4rem; }
	
	
	#brx-footer { font-size:1.2rem; padding:0px; }
	
	
/*nav*/	
	.menu-item { font-size:1.1rem; }	
	
	
/* props */	
	
	.bricks-image-caption { font-size: 1.2rem; white-space: wrap; line-height: 100%; }
	
	
	
/* Blog */
	.bricks-layout-item .dynamic, .blog-post-list .repeater-item p.dynamic { font-size:1.2rem; }	
	
	
	
	
	
}

/* Large Desktop */
@media (min-width:1360px) {
	
		#brx-content h1 { font-size:2.8rem;  color:var(--color-black); }
        #brx-content h2 { font-size:2.4rem; }
        #brx-content h3 { font-size:1.8rem; }
        #brx-content h4 { font-size:1.4rem; }
	
	
	
	.brxe-container.columns,
	footer .brxe-container.columns { width:80vw; }
	.brxe-container, 
	.brxe-container.is-full-width, 
	.brxe-container.is-full-width.columns { width:100%!important; }
	
       .brxe-container { width:1600px; margin:0 auto;  }
	
/* blog */
	
	.single-post main .column.is-6 {padding:2vh 2vw; }
	
/* content */ 
main section.row, main section.row-grey { padding:10vh 5vw; margin:0; }
	main section.row:first-child { padding:0 5vw 10vh 5vw; }
		.page-story-starters main section.row:first-child { margin:0 0 2vh 0; padding:0 0 0vh 0 } */
	main section.mk-row-bottom { padding:0 0 5vh 0; margin:0; }
	/* main .columns {max-width:90%; margin:0 auto;}
	main section.row:not(:first-child) { padding:0; }
	section.row.row-grey { padding:15vh 0; margin:10vh 0; }
	section.row.row-white { padding:8vh 0; margin:5vh 0; }
	section.row-last { margin:0 0 10vh 0; }*/
	
	
.menu-item { font-size:1.3rem; }
	
	
	/*Hs*/
	#brx-content h2 { font-size:2.4rem; }
            
}