/*
Theme Name: Education Base Child
Theme URI: https://www.acmethemes.com/themes/education-base/
Template: education-base
Author: acmethemes
Author URI: https://www.acmethemes.com/
Description: Education Base is an attractive, modern, easy to use and responsive WordPress education theme with colourful design and stunning flexibility. This theme is capable of tackling the overall needs of all educational institute websites including universities, colleges, schools and others. Education Base can be also used for business and corporate websites or one-page sites. The advanced theme options and available various widgets with drag and drop features will help to customize your site as you need. Some of the available options are awesome slider section, header options, footer options, layout design options, advanced colour options, widget options, custom copyright options, integrated social icons, notice bar options and lots of other available options will allow you to create unique website as you want. This theme will help you to create a very high-quality educational website easily with no time at all. Support Forum: http://www.acmethemes.com/supports/, Docs: http://www.doc.acmethemes.com/education-base/, Demo: http://www.demo.acmethemes.com/education-base/
Tags: blog,e-commerce,education,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,flexible-header,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,wide-blocks
Version: 3.0.6.1694599859
Updated: 2023-09-13 11:10:59

*/

/* Ninja overrides */

.nf-field-description {font-size:80% !important;}
.nf-field-element {font-size:80% !important;}

/* Contact Form 7 overrides */
.wpcf7-form textarea{ 
    width: 80% !important;

}
.wp-block-quote p {
	font-size:85%;
	color: #108aaa;
	font-weight:normal;
}

.inner-main-title {
    background-color: #108aaa;
}
p {
    font-size: 120%;
    color: #000;
}
a {
	color: #108aaa !important;
	font-weight:bold;
	text-decoration: none !important;}

a:hover {
	color: #cc0000 !important;
	
}
.footer-columns a {
	color:#ffffff !important;
}
.my-quote{
    font-size: 100% !important;
    color: #108aaa !important;
}
li {
    font-size: 120%;
    color: #108aaa;
	color: #000000;
}
li li {font-size:inherit;}

h2, h3, h4 {
    color: #118faa;
}
h2 {
	text-transform: none !important;
}

.my-shop figcaption {
	display:inline-block !important;
	background-color: #666 !important;
	opacity:80% !important;
}

.my-shop figcaption a{
/*	background-color: #000 !important; */
	border: 1px solid #666 !important;
	font-family: "Times New Roman", Times, serif;
	color: #fff !important;
	font-size: large;
}

.my-shop figcaption a::after {
	display: none;
}

.syllabus li li {
    margin-left: 30px;
    font-weight: normal;
    font-style: normal;
    list-style-image: none;
}
.syllabus li {
    margin-left: 20px;
    font-weight: bold;
    font-style: larger;
    list-style-image: url(https://4minutes.co.uk/wp-content/uploads/2018/11/green-cross-small.gif);
}
.list-red-bold {
    color: red;
    font-weight: bold;
}
.events-table td {
    vertical-align: top;
    border: 1px dotted #cc6666;
}
.main-navigation ul li ul {
    background-color: rgba(255,255,255,0.9);
    font-weight: bold;
    border: 1px solid #000;
}
.main-navigation ul ul li a {
    color: #108aaa !important;
}
.main-navigation ul ul li a:hover {
    background-color: #108aaa !important;
    color: white !important;
}
.news-content a {
    width: 400px !important;
    text-wrap: nowrap;
}
.news-content a:hover {
    color: #f00 !important;
    font-weight: bold;
}
#primary, #secondary-right {
    background-color: #fff;
    border: 3px solid #108aaa;
    padding: 5px;
}
.courses .entry-meta {
    display: none;
}
.Clear {
    float: left;
    clear: left;
}
.my_hidden {display:none;}

.EventImage {
    float: right;
    margin: 0 0 15px 15px;
}
.top-header a:hover {
    color: #f00;
}
.course-box {
    border: 2px solid #999;
    padding: 20px;
    margin: 20px;
}
@media screen and (max-width: 782px) {
.EventImage {
    float: none;
    clear: right;
    margin: 0 auto 20px;
}
}

/* for messge on main page when not mobile*/
@media screen and (min-width: 768px) {
    .mob-block {
		display: none;
    }
}

.course_promo_tile{max-width:250px !important;}

.nmargin {
	padding: 5px 5px 5px 10px !important;
	border: 2px solid #000;
	border-radius: 5px;
}
.nmargin a, .trail-item a {
	color:#fff !important;
}
.nmargin a:hover, .trail-item a:hover {
	color:#cccc00 !important;
}