/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

:root {
  --blue: #548FC1;
  --darkblue:#094393;
  --brightbeige:#548FC1;
  --darkbeige: #2c4d68;
  --lightgreen: #c5ffec;
  --red: #e33709;
  --white: #ffffff;
  --lightpurple: #997B8B;
  --lightblue: #094393;
  --green:#4B8C6F;
}







body
{
	font-family: greycliff-cf, sans-serif!important;
}

h1, h2, h3
{
	color:var(--blue);
	
}


h1, h2, h3, h4, h5, h6, #header .main-menu > li.menu-item > a, rs-layer
{
	font-family: greycliff-cf, sans-serif!important;

	letter-spacing:0px;
}

#side-nav-panel
{
	background-color: blue;
   
	background-size: contain;
    background-repeat: no-repeat;
	background-position:center;
}

#side-nav-panel .side-nav-panel-close {
    font-size: 30px;
    left: 1%;
    top: 5%;
    right: auto;
}

html.panel-opened #side-nav-panel
{
	width:100%;
}

#side-nav-panel .menu-wrap
{
	padding-top:5%;
	
}

#side-nav-panel .accordion-menu li:not(:last-child)
{
	border-bottom:0px;
}

#header .main-menu > li.menu-item > a
{
	color: #fff;
    font-size: 19px;
    text-transform: none;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}	


#main_countedown_1 .time_left {
    border-radius: 8px;
    background-color: color:var(--red)!important;
    font-size: 37px;
    font-family: monospace;
    padding: 40px!important;
    color: var(--white)!important;
	border-radius: 50%!important;
}

.btn-row a
{
    color: color:var(--lightgreen);
    font-size: 24px;
    text-transform: uppercase;
}

.home .main-content {
    padding-top: 0px;
}

.btn-row
{
	margin-top:-90px;
}

.fixed-header #header .header-main {
    background-color: transparent;
}
#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: #3b6589;
}

.titleblock h3
{
	font-size:18px;
	    margin-bottom: 5px;
}


.titleblock h2 {
    font-size: 45px;
    line-height: 55px;
    color: var(--lightblue);
	
}

.titleblock h2 strong {

    color: var(--green);
}

.slant::before {
    content: "";
    background: white;
    color: white;
    clip-path: polygon(0 0%, 4% 0, 54% 100%, 0 101%);
    padding: 15rem 16%;
    margin-left: -15px;
}

.fullconstleft
{

}

.fullconstright
{
	padding-right:10%;
}

.purprow
{
	background-position:left!important;
}

.purprow
{
min-height:400px;	
}

.purprow h2, .purprow h3, .purprow p
{
	color:var(--white);
}

.titleblock.white
{
	color:var(--white)!important;
}

.btn4 a {
    position: relative;
    display: block;
    color: var(--green);
    text-align: center;
    width: 232px;
    font-size: 14px;
    font-family: "montserrat";
    text-decoration: none;
    margin: 0px;
    border: 1px solid var(--green);
    padding: 2px 11px;
    text-transform: uppercase;
    overflow: hidden;
    transition: 1s all ease;
}

.btn4.white a {
    
    color: var(--white);
   
    border: 1px solid var(--white);
  
}


.btn4 a:hover
{
	color:var(--white);
}
.btn4 a::before{
  background: var(--green);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: -1;
  transition: all 0.6s ease;
}



.btn4 a::before{
  width: 100%;
  height: 0%;
  transform: translate(-50%,-50%);
	color:var(--white)!important;
}
.btn4 a:hover::before{
  height: 380%;
}


#header .mobile-toggle {
background:transparent;
display: initial; 
    padding-top: 13px;
}
.fas.fa-bars {
    font-size: 30px;
    color: #548fc1;
}

.dirgreen .porto-ibanner-desc
{
background:var(--lightpurple);
}

.darkbl .porto-ibanner-desc
{
background:var(--darkblue);
}

.purp .porto-ibanner-desc
{
background:var(--green);
}

.home-banner .porto-ibanner-desc {
  
    padding-top: 8px;
    padding-bottom: 8px;
 
}

.porto-ibanner p 
{
	color:var(--white);
}

.ycd-circle-before-countdown
{
	max-width:400px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:var(--white)!important;
}

.ycd-circle-before-countdown h3
{
	
}


.btn-row a {
    color: #fff;
 
}

.white, .white p, .white a
{
	color:var(--white)!important;
}


.titleblock h2 {

    color: var(--darkblue);
 
}

.titleblock h2 strong {
    color: var(--brightbeige);
}

.btn4 a {
    position: relative;
    display: block;
    color: var(--blue);
    text-align: center;
    width: 232px;
    font-size: 14px;
    font-family: "montserrat";
    text-decoration: none;
    margin: 0px;
    border: 1px solid var(--blue);
    padding: 2px 11px;
    text-transform: uppercase;
    overflow: hidden;
    transition: 1s all ease;
}


.darkblock h2
{
	    color: var(--darkbeige)!important;
}

.btn4 a::before {
    background: var(--blue);
}


.darkbl .porto-ibanner-desc {
    background: var(--blue);
}

.purp .porto-ibanner-desc {
    background: var(--darkbeige);
}

.dirgreen .porto-ibanner-desc {
    background: var(--brightbeige);
}

.home-banner .porto-ibanner-content h6 {
    color: rgb(35 68 101);
    font-weight: bold;
    padding-top: 10px;
    font-size: 19px;
}


.white h6
{
	color:var(--white)!important;
}

.porto-ibanner p {
    color: var(--blue);
}

.porto-ibanner .white p {
    color: var(--blue);
}

.porto-ibanner p {
    color: var(--blue);
    font-weight: 300;
    line-height: 24px;
}


#footer {
  	background-color:var(--blue);
}


.footer-wrapper::before {
    content: url(https://www.marchbankfreeschool.org.uk/wp-content/uploads/2024/01/curvefooter.svg);
    width: 100%;
    bottom: 0px;
    display: block;
    margin-bottom: -10px;
}
#footer .footer-bottom {
    background-color: #3b6589;
}

#footer .footer-bottom {
    padding: 0px 0;

}

.header-wrapper {

    border-top: solid var(--brightbeige) 30px;
}
.footer-main .widget-title {
    font-size: 55px;
    color: var(--darkbeige);
    text-transform: none;
}

#custom_html-2
{
color:var(--white);
	    font-size: 19px;
    line-height: 29px;
}

.footer, .footer p, .footer .widget > div > ul li, .footer .widget > ul li {
    color: var(--white);
}


#media_image-2 img {
    position: absolute;
    bottom: 30px;
    max-width: 348px!important;
}

#media_image-2 {
    position: relative;
    width: 100%;
    height: 100%;
}

.btn-row a {

    font-weight: bold;
}

.home-banner .desc a
{
	background:var(--blue);
	color:var(--white);
	border:0px;
	    letter-spacing: 0px;
}


.porto-ibanner.white a {
    background: var(--darkbeige);
    color: #ffffff!important;
}

#side-nav-panel {

    background-color: var(--blue);
}

#side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .menu-custom-block a:hover {
    background-color: transparent;
}

.container {
    max-width: 1500px!important;
    margin-left: auto;
    margin-right: auto;
}
#custom_html-2 {
    padding-right: 50px;
}

#custom_html-2 span {
    color: var(--darkbeige);
}

.footer .footer-bottom, .footer .footer-bottom p, .footer .footer-bottom .widget > div > ul li, .footer .footer-bottom .widget > ul li {
    color: var(--blue);
}

.footer .footer-bottom a:hover, .footer .footer-bottom a {
    color: var(--blue);
}

.accordion-menu li.menu-item>a {

    font-size: 16px;
}

#side-nav-panel .accordion-menu>li.menu-item>a {
    text-transform: none;
    line-height: 34px;
	color:#ffffff!important;
}

#side-nav-panel .accordion-menu li.menu-item>a, #side-nav-panel .menu-custom-block a, #side-nav-panel .accordion-menu li.menu-item>.arrow
{
	color:#ffffff!important;
}


#nav-panel .accordion-menu .arrow {
text-align: right;
width: 100%!important;
}


#side-nav-panel .accordion-menu .arrow {
    right: 5px;
    width: 100%;
    text-align: right;
    float: right;
    top: 9px;
}

.titleblock h2 {

    font-weight: 300;
}

.titleblock h2 {
 	color:var(--darkbeige);
    font-size: 55px;
    line-height: 66px;
}
.titleblock h2 strong{
 	color:var(--blue);
}
.darkblock h2 {
    color: var(--white)!important;
}

.purprow .titleblock h2 strong{
    color: var(--darkbeige);
}
.header-row.container-fluid, .container, .constrain {
    max-width: 1500px!important;
     margin-left: auto!important;
    margin-right: auto!important;
}

.vc_general.vc_btn3 {
    border: 0px solid transparent;
    font-size: 18px;
    font-weight: bold;
    color: var(--blue);
    padding-left: 0px;
    margin-right: 60px;
}
.vc_general.vc_btn3:hover {
    border: 0px solid transparent;
    font-size: 18px;
    font-weight: bold;
    color: var(--blue);
    padding-left: 0px;
    margin-right: 60px;
	background-color:transparent;
}

.vc_btn3.vc_btn3-color-grey::after {
   
    position: absolute;
    right: -26px;
    top: 5px;
}

.purprow .vc_general.vc_btn3 {

    color: var(--white);
   
}

.purprow  .vc_btn3.vc_btn3-color-grey::after {
   
   
}

#footer .footer-bottom {
    padding: 0px 0;
    font-size: 0.9em;
}

#footer .footer-main>.container {
    padding-top: 0px;

}

.accordion-menu li.menu-item>a {
    font-size: 20px;
}

.sub-menu a {
    font-size: 16px!important;
    line-height: 26px!important;
}
#side-nav-panel .accordion-menu li:not(:last-child) {
    border-bottom: 1px solid var(--darkblue);
    border-bottom-color: var(--lightblue)!important;
}

#side-nav-panel .menu-wrap {

}


#side-nav-panel .menu-wrap {

    width: 312px

}

.girls
{
	background-position:bottom!important;
}

.slantrow
{
	
}

.slant
	{
	background-image: url(https://www.marchbankfreeschool.org.uk/wp-content/uploads/2023/01/Marchbank-127.jpg) !important;
		background-size:cover;
	}

.girlscol2
{
	padding-left:5%;
}

.topinertxt
{
	width:40%;
}

.topcol
{
	padding-left:20%;
}


#side-nav-panel 
{
	padding-top:39px;
}

.home .porto-block-html-banner
{
	display:none;
}

.left-sidebar, .right-sidebar {
    padding-top: 36px!important;
    background: #548fc1;
}

#advanced_sidebar_menu-2 a, #nav_menu-2 a
{
	color:#fff;
}

#advanced_sidebar_menu-2 .widget-title, #nav_menu-2 .widget-title
{
	color:#fff;
	text-transform:none;
	    font-size: 30px;
}

.widget_nav_menu>div>ul li:before
{
	display:none;
}

.widget>div>ul li, .widget>ul li {
   
    padding: 9px 0;
}

.left-sidebar
{
	    margin-top: -50px;
    overflow: visible;
    position: relative;
    z-index: 999;
	    margin-bottom: 30px;   
	border-radius: 10px;
}

.left-sidebar
{
background-image: url(https://www.marchbankfreeschool.org.uk/wp-content/uploads/2023/01/watermark.png) !important;
}

.no-breadcrumbs .main-content {
    padding-top: 56px;
}

.page-content
{
padding-left: 20px;
}

.home .page-content
{
padding-left: initial;
}

.page-top {
    background-color: transparent;
    border-bottom: 0px!important;
	padding-left:24px;
}

table > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
border: 1px solid #ddd;
}

.nf-form-fields-required
{
	display:none!important;
}

.footer-copyright, .footer-copyright a
{
	color:#b0dbeb!important;
}

#header .main-menu .narrow li.menu-item > a {
    color: #303030;
	font-weight:600;
}

@media only screen and (max-width: 1748px)
{
	.topcol
{
	padding-left:16%;
}
	
}

@media only screen and (max-width: 1572px)
{
	.slant
	{
		background-image: url(https://www.marchbankfreeschool.org.uk/wp-content/uploads/2023/01/Marchbank-126.jpg)!important;
	}
	
	
		.topcol
{
	padding-left:30px;
}
	
	.container .container, .porto-wrap-container .container, #footer .footer-main>.container {

    padding-left: 30px;
    padding-right: 30px;
}
}


@media only screen and (max-width: 1280px)

	{
		.girls
{
	background-image: url(https://www.marchbankfreeschool.org.uk/wp-content/uploads/2023/05/Marchbank-122-2.jpg) !important;
	background-size:cover!important;
}
}

@media only screen and (max-width: 1228px)
{
#header .main-menu > li.menu-item > a
	{
	    font-size: 15px;
    padding: 0px 8px;
	}

	}


@media only screen and (max-width: 1105px)
{
	#media_image-2 img
	{
    max-width: 100%!important;
	}

}


@media only screen and (max-width: 991px)
{

#media_image-2 img
	{
		position:relative!important;
		margin-top:30px;
	}
	
		.header-top .header-col.header-left.hidden-for-sm
{
	width:100%;
	display:block!important;
}
	.header-top.hidden-for-sm
	{
		display:block!important;
}
	
		.fas.fa-search
	{
	    margin-top: 10px;
	}

}

@media only screen and (max-width: 767px)
{
	.slant
	{
		min-height: 300px;
	}
	
	.slant::before {

    clip-path: none;
		padding:0px;
 
}
	
	#media_image-2 img
	{
		position:initial;
}
	
	.fullconstleft, .fullconstright  {
 
}
	
.quicklinkcol {

}
}

@media only screen and (max-width: 450px)
{
	.titleblock h2 {
    font-size: 43px;
    line-height: 46px;
}
	
	#custom_html-2 {

    font-size: 15px;
}
	
	#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: var(--blue);
}
	
}

.fas.fa-search
{
	color:#fff;
	font-size:23px;
}


#header .searchform:not(.searchform-cats) input {

    background: white;
}

.fixed-header #header .searchform-popup .searchform {
    background-color: transparent;
}

#header .searchform button {

    background: white;
}

.searchform .btn i {
   
    color: #548FC1;
   
}

#header .searchform-popup .search-toggle.opened:after
{
	display:none;
}


.main-content a {
    font-weight: bold;
}

.header-top .header-col.header-left
{
	width:100%;
	display:block!important;
}

.ticker-news span {
    background: #402666!important;
}

.ticker-news {
    background: transparent!important;
}

.ticker-news .tickercontainer, .ticker-news .tickercontainer ul.newsticker li
{
	background:transparent;
}

#header .header-top, .header-top .top-links > li.menu-item:after
{
	color:#fff;
}

.ticker-news span
{
	display:none;
}

.ticker-news {

    height: 29px;
	border:0px;
	padding-top:3px;
}

.fixed-header #header .header-top {

    margin-top: -37px;
}

.fixed-header #header .header-top {
    background-color: transparent;
    margin-top: -37px;
    border: 0px;
}

.ticker-news .tickercontainer ul.newsticker li a
{
		color:#fff;
}


.mobile-tab-items
{
	display:none;
}

table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;

    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

table thead tr, .theadcolor {
    background-color: #548FC1!important;
    color: #ffffff;
    text-align: left;
}

table th,
table td {
    padding: 12px 15px;
}

table tbody tr {
    border-bottom: 1px solid #dddddd;
}

table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

table tbody tr:last-of-type {
    border-bottom: 2px solid #548FC1;
}

.single-post .titleFromParent
{
	display:none!important;
}


.share-links-block h5
{
	display:none!important;
}


#side-nav-panel .accordion-menu li.menu-item.active > a, #side-nav-panel .accordion-menu li.menu-item:hover > a, #side-nav-panel .menu-custom-block a:hover {
    background-color: transparent;
}

.table_wrapper
{
	overflow-x:auto!important;
}


.share-links-block h5
{
	display:none!important;
}


/*change of header */

#header .header-top, .header-top .top-links > li.menu-item:after {
    color: #fff;
    margin-top: -33px;
    background: transparent;
}

.ticker-news .tickercontainer ul.newsticker
{
	margin-top:-7px;
}

#header .main-menu > li.menu-item > a, #header .main-menu > li.menu-item.active > a, #header .main-menu > li.menu-item > a:hover
{
	    color: #548FC1!important;
  
    text-shadow: none;
}

.fas.fa-search {
    color: #548FC1;
    font-size: 23px;
}

#header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: #ffffff;
}

#header .main-menu > li.menu-item.active:hover > a, #header .main-menu > li.menu-item:hover > a {
    background-color: transparent;

}


.btn-default.btn {
    background: #548FC1;
    color: #fff;
   
}

article.post .post-image.single {
    margin-bottom: 30px;
    display: none;
}


#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
    bottom: 0px;
}

#topcontrol
{
	display:none;
}

.accessibility-statement-wrapper
{
	display:none!important;
}