/*
 Theme Name:     isBrill4
 Theme URI:      https://isBrill.com/
 Description:    The new isBrill v4 engine
 Author:         isBrill.com
 Author URI:     https://isBrill.com/
 Template:       wp-bootstrap-starter
 Version:        4.5.00
*/
/* big screen fixes */
@media (min-width: 1400px) {
	#content > div {
		max-width: 1340px;
	}
	#secondary {
		padding-right:115px;
	}
    #main {
        padding-left:115px;
    }
}

.comment-list .mention {
    display:block;
}


#primary{
    padding-right:2em !important;
}
.post, .page-header {
    margin-right:auto !important;
}
/**
** Overrides
*/
header#masthead {
    margin-bottom: 0;
    background-color: whitesmoke !important;
    box-shadow: none;
}

body {
     background-color:whitesmoke;
}

#brillhead {
    margin-top:1em;
}

#big-wrap {
    overflow:auto;    
    display: block;
    float: left;
}

#brillbox-outer {
    background-color:#000;
    border-radius: 25px;
    padding:25px;
    min-width: 50px;
    margin:0.5em 3em;
    overflow:auto;    
    display: block;
    float: left;
    margin-bottom:-0.25em;
}
#brillbox-outer :after {
    clear : both;
}
#brillbox-inner {
    background-color:#000;
    min-height: 281px;
    min-width: 500px;
    overflow:hidden;
}

/* display of quote author */
#brillquote {
	position:relative;
	padding:15px;
	margin:1em 0 1em;
        margin-top: 150px;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	/* css3 */
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c));
	background:-moz-linear-gradient(#f9d835, #f3961c);
	background:-o-linear-gradient(#f9d835, #f3961c);
	background:linear-gradient(#f9d835, #f3961c);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* left */
#brillquote.left{
	margin-left:50px;
	background:#f3961c;
}
/* creates triangle */
#brillquote:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#f3961c transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
#brillquote.left:after {
	top:16px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #f3961c;
}

.brill-thing {
    background-color:#FFF;
    border:3px solid #666;
    border-radius: 25px;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
}
.wp-block-quote:not(.notme) {
    background-color:#FFF;
    border:3px solid #666;
    border-radius: 25px;
    padding:1em;
    padding-top:2em;
    padding-left:2em;
    color:#444;
    margin-bottom: 1em;
    font-size:125%;
}
.wp-block-quote::before:not(.notme){
  font-family:Arial;
  content: "\201C";
  color: rgba(0,0,0,0.1);
  font-size:12em;
  position: absolute;
  left: 20px;
  top: 10px;
}
.wp-block-quote cite {
    text-align:right;
    font-size:90%;
}
.brill-made, .wp-block-group:not(.notme):not(.widget_search), #comments,.widget-block:not(.notme):not(.widget_search),
.widget:not(.widget_block):not(.widget_search)
{
    background-color:#FFF;
    border:3px solid #666;
    color:#000;
    border-radius: 25px;
    padding: 1.5em;
    margin-bottom: 1em;
}
.pages-nav {
    margin-bottom: 0;
}

/*
fix agree button too big sometimes
*/
.brill_agree > form:nth-child(1) > input:nth-child(3) {
    white-space: normal;
    word-wrap: break-word;
}



/* smaller screen stuff*/
@media screen and (min-width: 601px) and (max-width:999px) {
    #brillbox-outer {
        float:none;
        margin: 0.5em 0;
    }
    #brillbox-inner {
        width: 100%;
        min-height:350px;
    }
    .col-8 {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        float:none;
    }
    #brill-head-decor {
        flex: 0 0 100%;
        max-width: 100%;
        float:none;
    }
    #big-wrap{
        min-width: 100%;
    }
    .post{
        margin-right:0!important;
    }
}    
@media screen and (max-width: 600px) {
    #brillbox-outer {
        float:none;
        margin: 0.5em 0;
    }
    #brillbox-inner {
        width: 100%;
        min-height:200px;
    }
    .col-8 {
        flex: 0 0 100%;
        min-width: 100%;
        max-width: 100%;
        float:none;
    }
    #brill-head-decor {
        flex: 0 0 100%;
        max-width: 100%;
        float:none;
    }
    #big-wrap{
        min-width: 100%;
    }
    .post{
        margin-right:0!important;
    }
}