/*
Stylesheet for any additional styles that are required by the content team after the build.
All selectors should be prefixed with .content__region to avoid conflicts.
This file should not be compiled from sass.
*/

/***  Borough Green Primary School ***/

/***** Table styling, borders on bottom rows only. table header block colour *****/

.content .table__container
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0px;
    margin: 1em auto 1em;
    overflow-y: auto;
    width: 100%;
}

.content .table__container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.content .table__container::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border-bottom: 3px solid #fff !important;
    background-color: rgba(0, 0, 0, .3);
}

.content .table__container table {border:solid 0px #fff;}
.content .table__container table tbody {border:1px solid #fff;}

.content .table__container table tr th {background-color:#264C14; border: 1px solid #808C07 !important; color:#fff;}

.content .table__container table tr {border-bottom:solid 1px #808C07; vertical-align: top;}


.content .table__container table tr:nth-child(odd) {
    background: #f7f7f7;
}

.content .table__container table tr:nth-child(even) {
    background: #fdfdfd;
}

.content .table__container table tr td 
{
    border:solid 0px #f7f7f7 !important;
    padding: 4px 10px;
}

.content .table__container table tr td p {margin:0px;}

.content .table__container table tr td h4 {margin:0px;}


/*****Table column adjust*****/

.content .table__container .col1 {
    min-width: 120px !important;
    width: 48%;
}
.content .table__container .col2 {width:30%;}


.content .table__container .col3 {width:20%;} 

/*****Table 2*****/

.content .table__container2
{
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}

.content .table__container2::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.content .table__container2::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border-bottom: 3px solid #fff !important;
    background-color: rgba(0, 0, 0, .3);
}

/***Table - alternative row color***/
.content .table__container2 table td:nth-child(odd) {
    background: #f7f7f7;
}

.content .table__container2 table td:nth-child(even) {
    background: #fdfdfd;
}


.content .table__container2 table tr td 
{
    padding: 3px;
    border: 1px solid #808C07 !important;
}

.content .table__container2 table {border:solid 2px #fff;}

.content .table__container2 table tr td p {margin:0px;}

.content .table__container2 table tr th {background-color:#264C14; border: 1px solid #808C07 !important; color:#fff;}

/*****Table column adjust*****/

.content .table__container2 .col1 {
    min-width: 150px;
    width: 48%;
}
.content .table__container2 .col2 {width:30%;}


.content .table__container2 .col3 {width:15%; min-width: 120px; color:#fff;} 



/*****End*****/

/****blockquote****/

.content__region blockquote {
    background-color: #f6f6f6;
    background-image: -webkit-linear-gradient(left top , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.32));
    background-image:    -moz-linear-gradient(left top , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.32));
    background-image:     -ms-linear-gradient(left top , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.32));
    background-image:      -o-linear-gradient(left top , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.32));
    background-image:         linear-gradient(left top , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.32));
    background-image: -moz-linear-gradient(left top , hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.32));
    border-left: 10px solid #808C07;
    font-family: sans-serif;
    font-size: 1em;
    font-style: italic;
    line-height: 1.5em;
    margin: 20px 0;
    padding: 0.85em 10px 0.5em;
    position: relative;
    quotes: "“" "”" "‘" "’";

}

.content__region blockquote p {
    color: #305B1B;
    margin: 5px 0 0;
    padding-bottom: 4px;
    padding-left: 0;
    text-align: center;
}

.content__region blockquote .quote-img {
  max-width: 400px;
  float: right;
  padding: 20px 15px;
}

.cite {
    bottom: 0;
    color: #666;
    font-size: 60%;
    position: absolute;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    font-style: normal;
}

/*****End*****/


/***** Horizontal rule styling *****/

.content hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: #808C07; /* old IE */
    background-color: #808C07; /* Modern Browsers */
    text-align: center;
}

.content hr:after { 
    background: white none repeat scroll 0 0;
    color: #808c07;
    content: "▿";
    display: inline-block;
    font-size: 1.1em;
    padding: 0 0.25em;
    position: relative;
    top: -0.62em;
 }

/*****End*****/

/*** link button ***/

.content-button {margin: 0 0 20px;}

.content-button a {    
    background-color: #fff;
    border: 1px solid #808C07;
    color: #808C07;
    padding: 5px 10px;
    text-decoration: none;
-webkit-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -moz-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -o-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
    transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
}
.content-button a:hover {padding:5px 10px; background-color:#808C07; color:#fff; border:1px solid #808C07; text-decoration:none; 
-webkit-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -moz-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
    -o-transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
    transition: color .25s linear, background-color .25s ease-in-out, border-color .25s ease-in-out;
}

/*** Circle ***/


.content .circle {
    background-color: #9da100;
    border-radius: 50%;
    color: #fff;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 150px;
}

.content .circle p {
    font-size: 130%;
    font-weight: 700;
    padding-top: 0;
    vertical-align: middle;
}