/*
 Theme Name:  Codon Child
 Theme URI:   
 Description:  Codon Child Theme
 Author:       Matt Peace
 Author URI:   http://example.com
 Template:     codon
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  codon-child-theme
*/



/* --- matt@happy-giraffe.com Custom Styles --*/


body {
	background-color: #f0f0f0 !important;
	color: #474747 !important;
	font-family: 'proxima-nova' !important;
overflow-x: hidden;

 background-image:url(/img/splatter-color.jpg); background-repeat:no-repeat; background-position: center top; background-color:#f0f0f0 !important; background-size: contain;
}

.content-wrap{

 background-image:url(/img/splatter-grey2.jpg); background-repeat:no-repeat; background-position: right bottom 200px;  background-size: contain;
}

.all-course-pages .content-wrap{

 background-image: none !important;
}

.container {
    padding: 20px 0px 0px !important;
}

.full-page{-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;}

p{font-family: 'proxima-nova' !important; line-height: 2rem !important; font-size:1.1rem !important;}

h1, h2, .museo-slab {
	font-family: 'museo-slab', 'Rokkitt', serif !important;
}

.museo-slab h3, .museo-slab h4, .museo-slab h5 {
	font-family: 'museo-slab', 'Rokkitt', serif !important;
}

/*.estoy-font {font-family: 'estoy_buenoregular' !important; }

#home-pies h5.estoy-font {font-family: 'estoy_buenoregular' !important; font-size:16px }
*/
.estoy-font {font-family: 'poster-cut-neue' !important; font-weight: 400 !important;}
#home-pies h5.estoy-font {font-family: 'poster-cut-neue', sans-serif !important;
font-weight: 400 !important;
font-style: normal;
font-size:16px;}


h3,h4,h5,h6{font-family: 'proxima-nova' !important; color: #555b6c !important;
}

.left-section-nav h1 {
	font-size: 1.33333rem;
	line-height: 1.25;
}
h1.underline-header, h2.underline-header {
	background: url(/wp-content/uploads/2016/07/lines.png) no-repeat left bottom;
	padding-bottom: .5em;
	margin-bottom: 1em;
	line-height: 1.3em;
}
.page-heading {
	color: #425363;
}
ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre, .form-fields > li, .media, .island, .islet {
	line-height: 1.8rem;
	margin-bottom: 30px;
	margin-bottom: 1.66667rem;
}
.slick-slider {
    margin-bottom: 0px !important; /*1px*/
}
.slick-prev::before, .slick-next::before {
color:#DDDEE2 !important;
}
nav span.the-search-head{font-size: 2rem; width:80px; float:right; /*float:left*/} 


.left-section-nav {
	background: #ffffff !important;
	padding: 30px !important;
	margin-top: 20px !important;
}
.left-section-nav ul li {
	display: block;
        margin-top:20px !important;
}
.left-section-nav ul li a {
	color: #425363 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	font-weight: 800;
	border-bottom: 1px dotted #425363;
	opacity: .8;
        
}

.left-section-nav ul li.current_page_item a{
color: #00827d !important;
}

.left-section-nav-small .menu-icon::after {
float: right !important;
font-size: 2.3em;
font-family: 'foundation-icons';
content: "\f169";
text-align: right;
margin-top: 12px;
}

.left-section-nav-small ul {margin-left:0px}

.left-section-nav-small ul .children{
    margin-left: 20px;margin-top:6px;
}

.left-section-nav-small ul .children li::before {
content: '-';
font-size: 2rem;
padding: 8px;
}

.left-section-nav-small ul a{background: none !important;}

.left-section-nav-small .accordion-navigation > .content.active{
    display: block;
    background: none !important; }

.left-section-nav-small .accordion-navigation ul li {list-style: none  !important;
margin-bottom:10px;
}

.left-section-nav-small .accordion-navigation ul li a{
 background: none; color:white !important; font-size: 1.4rem;
}

.left-section-nav-small ul li.current_page_item a{
color: #00827d !important;
}

.entry-content p a, .pagepanel p a, .entry-content-page p a{border-bottom: 1px dotted #555B6C !important;}

.codon-excerpt {
    word-wrap: break-word;
    text-align: left !important;
}

.editor-text {word-wrap: break-word !important;}
#header-row {
	margin-bottom: 0px !important;
}
#main-header {
	background: #ffffff !important;
}
.main-navigation a {
	font-weight: 800;
}
.main-navigation-wrap {
	background: #fff !important;
}
.main-navigation li.current_page_item {
	border-bottom: 1px dotted rgba(46,57,68,1)!important;
}
.main-navigation li.current_page_item a {
	color: #00827d !important;
}
a {
	color: #425363 !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}
a:hover {
	color: #00827d !important;
}
.main-content-area {
	background: #ffffff !important;
	padding: 60px !important;
	margin-top: 20px !important;
}
.breadcrumb-wrap {
	padding: 30px 0px 6px 20px !important;
margin-left:15px;
margin-right:-15px;
}
.strapline {
	margin-top: 30px
}
.page-header {
	background: #bfbfbf;
	line-height: 0;
	width: 100%;
}
.page-header-color {
	padding: .7em;
	display: inline-block;
}

.white{color:#fff !important}
.white-bg{background:#fff}
.pink {color:#e5309a !important;}
.grey{color: #555b6c !important;}

.color-1 {
	background-color: #00827d;
	border-bottom: 7px solid #004f4c;
}
.color-2 {
	background-color: #9363cc;
	border-bottom: 7px solid #793ebe;
}
.color-3 {
	background-color: #407cc9;
	border-bottom: 7px solid #2f64a7;
}
.color-4 {
	background-color: #f6b333;
	border-bottom: 7px solid #ec9e0a;
}
.color-5 {
	background-color: #cd5599;
	border-bottom: 7px solid #b93680;
}
.color-6 {
	background-color: #9b4755;
	border-bottom: 7px solid #783742;
}

.pagepanel
{padding:30px 30px}
.pagepanel-pink {
    color: #fff;
    background:#D98CB8;
    border-bottom: 7px solid #CC79A8;
}
.pagepanel-blue {
    color: #fff;
    background:#7FA5D6;
    border-bottom: 7px solid #7496C1;
}
.pagepanel-pink:hover
{
background:#cd5599;
    border-bottom: 7px solid #B93680;
transition: 0.5s
}


.pagepanel-blue:hover
{
background:#407CC9;
    border-bottom: 7px solid #2F64A7;
transition: 0.5s
}



.pagepanel-green {
    color: #fff;
    background:#00827d;
    border-bottom: 7px solid #004f4c;
}

.pagepanel-white{ background:#fff;}

.overflow-visible{
overflow: visible;}

.index-fix {z-index:-999;}


.person-bgimg{background-repeat: no-repeat; background-position: left bottom; overflow: visible; margin-top: -350px; margin-left: -60px; margin-bottom: -30px;}


.person-bg-photo{margin-top: -500px; padding: 300px; margin-bottom: -30px;}

.person-bgcourse{
background-repeat: no-repeat; background-position: left bottom;
}

.button-border {
    margin-top: 1em;
    display: inline-block;
    color: #fff;
    background: #425363;
    padding: 1em 2.5em;
    font-family: "museo-slab";
    -webkit-backface-visibility: hidden;
    border-bottom: 7px solid rgba(46,57,68,0.2);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.expand-photo{max-width: 280%;
height: 280%;
margin-top: -280px;
margin-bottom: -280px;
margin-left:-100px}

.quote-box{
padding: 1.8em;
padding-left:2em;
background: #9363cc;
position: relative;
color: #fff;
margin-top:20px;
}

.quote-box::before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.quote-box::before {
    border-color: rgba(194,225,245,0);
    border-right-color: #9363cc;
    border-width: 21px;
    top: 45%;
    margin-top: -21px;
}

.quote-box-left-fix {
    margin-left: 30px;
    margin-bottom: 40px;
    margin-right: -30px;
    width: 63%;
}

blockquote  {
    quotes: "\201C" "\201D" "\2018" "\2019";
    margin-bottom: 0.8em;
    /*font-family: 'estoy_buenoregular';*/
	font-family: 'poster-cut-neue';
color:#fff !important;
border-left: none !important;
margin-bottom:22px;
}
blockquote p {
line-height: 2em !important;
color: #6f6f6f;

/*font-family: 'estoy_buenoregular' !important;*/
	font-family: 'poster-cut-neue';
color: #ffffff;
font-size: 1.2em !important;}

blockquote::before {
    color: #ccc;
      content: url(/img/estoy-quote.png);
font-size:20px;
    line-height: 0em;
    margin-right: .1em;
    vertical-align: -.4em;
    margin-left: -1.5em;

}

.underline-header-white {
    background: url(/img/line-white.png) no-repeat left bottom;
padding-bottom:16px;
color:#fff !important; font-size:20px;

}

.white-dot-underline{border-bottom: 1px dotted #fff;
display: inline-block;
padding-bottom: 2px; color:#fff !important; opacity:0.8; }

.white-dot-underline:hover,.white-dot-underline:focus{border-bottom: 1px dotted #fff;
display: inline-block;
padding-bottom: 2px; color:#fff !important;
opacity:1; 
transition: 0.5s
}


.purple-dot-underline{border-bottom: 1px dotted #793EBE;
display: inline-block;
padding-bottom: 2px; color:#793EBE !important; opacity:0.8; }

.purple-dot-underline:hover,.purple-dot-underline:focus{border-bottom: 1px dotted #793EBE;
display: inline-block;
padding-bottom: 2px; color:#793EBE !important;
opacity:1; 
transition: 0.5s
}


.grey-dot-underline{border-bottom: 1px dotted #555B6C !important;}

.single-meta-author {display:none !important}

.tweets {
float: left;
    background: #4099FF;
    color: #fff;
    position: relative;
    opacity: 1;
    padding: 1.5em;
    margin-bottom: 30px;
    word-wrap: break-word;
}

.tweets::after {
    background-color: #4099ff;
    position: absolute;
    top: -.5em;
    right: -.5em;
    padding: .5em;
    font-size: 1.8em;
content:'';
background-image: url('/img/twitter-bird.svg');
    background-size: 30px;
    background-size: contain;
width:70px; height:70px;
}
.top-marg{margin-top:10px}
.bot-marg{margin-bottom:30px}

.twitter-box {margin-top:20px}

.tweets .aptf-tweet-content a{color:#D9EBFF !important}

.tweets .aptf-tweet-username {
    position: relative;
    margin-bottom: 15px;
    float: left;
    clear: both;
    width: 100%;
}
.tweets .aptf-tweet-username, .tweets .aptf-timestamp a{
    font-size: 80% !important;
    color: #fff !important;
}

cite{
float:right;
}

cite::before {
    content: "\2014" "\2002";
}

.footer-title-block{color:#fff !important}
.footer-widget-wrap
{
background-color:#566D82 !important

}
.final-footer
{
float:left;
background-color:#425363 !important;
padding:20px;
width:100%;
}

.footer-widget ul li a{
border-bottom: 1px dotted #fff;
display: inline-block;
padding-bottom: 2px;
color: #fff !important;
opacity: 0.8;

}
.footer-widget ul li a:hover{
border-bottom: 1px dotted #fff;
display: inline-block;
padding-bottom: 2px;
color: #fff !important;
opacity: 1;
transition:0.2s
}

.footer-widget-wrap .textwidget p {color:#fff !important}

.footer-widget-wrap a.white:hover {color:#FF5FC3!important}
.footer-widget-wrap a.white:visited {color:#FF5FC3!important}

#site-info {visibility:hidden; display:none}

.column-posts li{list-style: none !important;}

.home-banner{ background-color:#fff}

.dark-grey-bg {
background-color:#555b6c !important
}

.dark-grey-bg a.button {font-size: 1.5rem; margin-top:10px; background-color:#fff!important; color:#555b6c !important;  text-decoration:underline; width:100%; opacity:0.8}
.dark-grey-bg a.button:hover {opacity:1; transition:0.2s}

.course-section h1 {font-size: 3.8rem !important;}
.course-right a.button {font-size: 1.8rem; margin-top:10px; background-color:#fff!important; color:#555b6c !important;  text-decoration:underline; width:100%; opacity:0.8; padding:30px}
.course-right a.button:hover {opacity:1; transition:0.2s; color:#00827D  !important}

.image-top-offset{margin-top:-1.2em}

.main-announcemnets h3,.main-announcemnets  h4{color:#555b6c !important}
.main-announcemnets .pink {color:#e5309a !important;}
.splatter-bg{
 background-image:url(/img/splatter.jpg); background-repeat:no-repeat; background-position: center top; background-color:#fff !important; background-size: cover;
}
.splatter-grey-bg{
 background-image:url(/img/splatter-grey.jpg); background-repeat:no-repeat; background-position: center bottom; background-color:#f0f0f0 !important; background-size: contain;
}

.splatter-color-bg{
background-image: url(/img/splatter-color.jpg);
background-repeat: no-repeat;
background-position: center top;
background-color: #f0f0f0 !important;
background-size: contain;
}

.main-intro h1{
color:#555b6c !important; font-size:2em !important;
}

#home-pies .label { display:none; visibility:hidden}

.page-heading
{/*margin-left:12px*/}
/*Courses*/
.lcp_catlist p {
    margin-bottom: 10px;
    width: 50%;
    float: left;}

.page-template-btec-overview-page .lcp_catlist p {
   
    width: 100%;
   }

.lcp_catlist a{font-size: 1.1rem; margin-top:10px; background-color:#fff!important; color:#555b6c !important; width:100%; opacity:0.8; border-bottom: 1px dotted #425363;}

.lcp_catlist a:hover,.lcp_catlist a:focus{
opacity:1; 
transition: 0.5s
}

.all-course-pages .main-content-area{
margin-top: 0px !important; padding-top:10px !important;}



.squared-title{

position: absolute;
top: 8em;
margin-left: 0.5em;

height: 250px;
width: 250px;
padding: 20px;
/*line-height: 280px;*/
overflow: hidden;
z-index: 9999;
color: #ffffff;

}
h1.squared-title{
font-size:2rem !important
}

h1.squared-title.smaller-heading-size{
font-size:1.5rem !important
}

h2.underline-header-white {
   font-size:2.2em
}

.course-famous-quote {font-size: 1.6em; text-indent:-8px; line-height: 2em;}

.navigation .pagepanel-white.text-right {padding-right:15px; border-right:solid 15px #F0F0F0}
.navigation .pagepanel-white.text-left {padding-left:15px;  border-left:solid 15px #F0F0F0}

blockquote.course-famous-quote::before {

    vertical-align: 1.4em;
}
.discover-more h3 {font-size:2em}
.background-white
{ background-color:#ffffff !important}

.padding-for-person {padding-bottom:220px}

#searchModal {z-index: 999999 !important;}
.reveal-modal-bg {z-index: 10099 !important;}

/* social*/
.the-search-head {width:auto !important;}
.the-search-head a{float:left; margin:0px 4px}

.the-search-head .fa {font-size:2rem}

.largesocialsticky {
display: inline-block;
position: absolute;
width: 60px;
right: 0px;
top: 0px;
background: white;
padding: 10px;
z-index:99999999;

-webkit-box-shadow: -14px 17px 29px -18px rgba(0,0,0,0.49);
-moz-box-shadow: -14px 17px 29px -18px rgba(0,0,0,0.49);
box-shadow: -14px 17px 29px -18px rgba(0,0,0,0.49);
}

.fa {font-size:3rem}

.fi-magnifying-glass::before {
    content: "\f16c";
    margin-right: 8px;
}


.fa.fa-facebook-square {
    margin-right: 10px; color:#2F64A7;
}
.fa.fa-twitter-square {
    margin-right: 10px; color:#407CC9;
}
.fa.fa-instagram {
    margin-right: 10px; color:#EC9E0A;
}
.fa.fa-youtube-square {
    margin-right: 10px; color:#9B4755;
}

/*extra large*/
@media only screen and (min-width: 120.063em) { 

.splatter-color-bg {
    background-size: cover;}
}


/*large up*/
@media only screen and (min-width: 64.063em) { 
.large-right{float:right !important}
.panel-left-fix {padding-left:0px}
.panel-right-fix {padding-right:0px}
.padding-for-person {padding-bottom:0px}
.header-image-large-minheight{ min-height:0px}
}

/*medium only*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

.quote-box-left-fix {
    width: auto;}

.quote-box::before {
    visibility: hidden;}

.quote-box::after {
    border-color: rgba(194,225,245,0);
    border-right-color: #9363cc;
    border-width: 21px;
    top: 45%;
    margin-top: -21px;}

.squared-title{
position: relative;
top:0px;
margin:auto;
float:none;

height: 250px;
width: 250px;
padding: 20px;
overflow: hidden;
z-index: 9999;
color: #ffffff;
}


}


/*between small and medium*/
@media only screen and (max-width: 50em) { 
nav span.the-search-head{font-size: 2rem; width:80px; float:none; margin:0px} 
nav span.the-search-head{font-size: 2rem;
width: 230px !important;
float: none;
margin: auto;
position: relative;
display: block;}

}


/*small only*/
@media only screen and (max-width: 40em) { 

nav span.the-search-head{font-size: 2rem; width:80px; float:none; margin:0px} 
nav span.the-search-head{font-size: 2rem;
width: 230px !important;
float: none;
margin: auto;
position: relative;
display: block;}


.padding-for-person {padding-bottom:500px}

.lcp_catlist p {
    margin-bottom: 10px;
    width: 100%;
    float: left;}

.squared-title{
position: relative;
top:0px;
margin:auto;
float:none;


}



#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 100% !important;
}

.quote-box-left-fix {width:auto; margin-right: -0px;}

blockquote.course-famous-quote, cite{margin:0px 30px}
blockquote.course-famous-quote::before {
    visibility:hidden;
}
.tweets{margin-left: 60px;}
}

.slick-prev {
  left: 25px !important; z-index:99999 !important;
}
.slick-next {
  right: 25px !important; z-index:99999 !important;
}