/* new menu created by Rafael - see css line 1182 - have added display: none: until it has been moved from its current location.  Have also added -500px to css below until fixed - remove this line once menu location sorted 

.home .extra-footer-widget {
    margin-top: -528px !important;
}
.has-post-thumbnail .archive-post-wrap img {
    width: 100%;
	aspect-ratio: unset !important;
	overflow-clip-margin: unset !important;
	overflow: visible !important;
	object-fit: contain;
}*/

#mega-menu-item-16215 .mega-sub-menu  {
	overflow-x: hidden !important;
	overflow-y: hidden !important;
	max-height: 35px !important;
	width: 250px !important;
}


#popmake-16653 {
	background: linear-gradient(356deg, rgba(255,212,18,1) 0%, rgba(241,130,54,1) 59%, rgba(241,130,54,1) 100%);
}

#mp_form_below_posts1 {
  margin-top: 80px;
	margin-bottom: 50px;
}

@media screen and (max-width: 768px){
#scrollup {
		display: none !important;
}
}
 .grecaptcha-badge { visibility: hidden; } .grecaptcha-badge { visibility: hidden; } .grecaptcha-badge { visibility: hidden; }

/*changing background colour of header area*/
#masthead {
background-color: #0c2142 !important;
min-height: 160px;
}
/*was getting a bottom scrollbar with padding at 15px so have removed it here and will place it in th
 * e elements themselves*/
#masthead .wrapper {
    padding: 0 ;
}

/* logo and iea image (using logo:after for iea) */

#site-logo {
	padding: 35px 15px 0 15px;
}

#site-logo:after {
content: url('https://www.solarpaces.org/wp-content/uploads/IEA_sml.png');
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
	top: 35px;
}

@media screen and (max-width: 768px){
#site-logo {
	padding: 10px 0 0 10px;
	width: 195px
}
	#site-logo:after {
content: url('https://www.solarpaces.org/wp-content/uploads/IEA_sml.png');
	top: 90px;
}
} 

/*using header right call to action button for the login to members area  */
#call-to-action-widget .button-minimal {
position: absolute;
	border: none;
	top: 30px;
	right: 60px;
	border-bottom: none;
	margin-left: 0;
background-color: transparent;
	color: #55c1d9;
	}

a.button-minimal.red:hover {
background-color: transparent!important;
	color: #ffffff !important;
}
#call-to-action-widget .button-minimal:hover,
#call-to-action-widget .button-minimal:focus,
#feature-slider .more-button .button-minimal:hover,
#feature-slider .more-button .button-minimal:focus {
background-color: transparent;
	border-color: transparent;
}

.widget ul {
    margin-left: 0;
}
/* making the widget title small so we can still use the button for the login */
#call-to-action-widget .widget-title {
	margin-top: 23px;
	margin-left:10px;
    color: #0c2142;
    font-size: 1px;
}

@media screen and (max-width: 1024px) and (min-width: 768px){
#call-to-action-widget .button-minimal {
 	top: 15px;
	right: 10px;
}
}


@media screen and (max-width: 768px){
#call-to-action-widget .button-minimal {
 	top: 35px;
	right: 0;
}
}


@media screen and (max-width: 425px)
{
	
#call-to-action-widget .widget-title {
     font-size: 13px;
     text-align: center;
}
}


#header-featured-image {
    display: none;
}





/* floating google translate widget by default displays it under the menu to the left and above the slider so are moving to top right of page*/

.gt_switcher .option {
max-height: 400px!important;
}
.gt_switcher {
    position: absolute;
	right: -70px;
top: 30px;}



/* making the menu sticky*/
@media screen and (min-width: 769px){
#masthead .wrapper {
    position:fixed;
background: #0c2142 url(" https://www.solarpaces.org/wp-content/uploads/header-background.png;") ;
	background-repeat: no-repeat;
	  min-height: 160px;
z-index: 2000;
}

#site-navigation {
    background: #0c2142;
    height:30px;
    z-index:2100;
    margin:0 auto;
    width:100%;
    position:fixed;
    top:140px;
    left:0;
    right:0;
    text-align: center;
}

.admin-bar #site-navigation {
  top: 172px;
}
}

	@media only screen and (max-width: 768px) and (min-width: 320px) {
#masthead .wrapper {
  background: #0c2142 url(" https://www.solarpaces.org/wp-content/uploads/header-background.png;") ;
	   z-index: 2000;
	height: 160px;
}
}

/* anything that says content-area plus the sidebar primary must equal 100% -  the site-main can be any width as this is the width inside of the 70% content area so can equal 100% with its margins and padding */


@media screen and (max-width: 768px){
.content-area {
width: 100% !important;
}
.sidebar-primary {
    width: 100%;
}
}

@media screen and (min-width: 1024px){
.site-main {
   padding: 120px 0 0 0!important;
}
.content-area {
    width: 70%!important;
}
.sidebar-primary {
    width: 30%;
}
.sidebar {
padding: 119px 35px 15px 75px;
}
.layout-one-column.full-width .content-area {
    max-width: 70%!important;
    width: 70%!important;
    margin-left: 15%;
    margin-right: 15%;
}
.layout-one-column.full-width .site-main {
    max-width: 80%!important;
    width: 80%!important;
    margin-left: 10%;
    margin-right: 10%;
}
.layout-two-columns .site-main {
   max-width: 70%!important;
    width: 70%!important;
    margin-left: 15%;
    margin-right: 5%;
}
}

@media screen and (max-width: 768px)
{
.site-main {
padding: 15px 55px 15px 55px;
}
}
@media screen and (max-width: 425px)
{
.site-main {
padding: 15px 15px 15px 15px;
}
}



/* have swapped feature image and title so that title is now on top and have added some padding to line it up with the sidebar*/
.archive-post-wrap .entry-title, #contact-info-section .contact-title {
    padding-top: 18px;
}
.entry-header .entry-meta {
    padding-bottom: 10px;
}

/* words were breaking with a hypen instead of jumping down to next line */
.site-content article, .widget-area .widget {
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}

/* have made top links in menu bar to be unclickable and so have changed the hand pointer to remain as the arrow */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-disable-link > a.mega-menu-link {
    cursor: default;
}
#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link {
	-webkit-font-smoothing: antialiased;
}

/*overriding some of the standard text formats*/
@media screen and (min-width: 1200px)
{
h1, .entry-title, .page-title {
    font-size: 24pt;
}
}
h1 {
font-family: helvetica; 
color: #000000; 
font-size: 24pt; 
font-weight: 300; 
line-height: 40px; 
text-align: left; 
width: 100%;
}
h2 {  
font-family: helvetica; 
color: #000000; 
font-size: 18pt; 
font-weight: 200; 
line-height: 30px; 
text-align: left; 
width: 100%;
}
h3 {  
font-family: helvetica; 
color: #858585; 
font-size: 15px; 
font-weight: 200; 
line-height: 18px; 
text-align: left; 
width: 100%;
}
h5 {  
font-family: helvetica; 
color: #000000; 
font-size: 18px; 
font-weight: 400;
font-decoration: underline; 
line-height: 20px; 
text-align: left; 
width: 100%;
}
h6 {  
font-family: helvetica; 
color: #858585; 
font-size: 15px; 
font-weight: 200; 
line-height: 18px; 
text-align: left; 
width: 100%;
}
p {
font-family: helvetica; 
color: #000000; 
font-size: 16px; 
font-weight: 200; 
line-height: 20px; 
text-align: left; 
width: 100%;
margin-bottom: 20px;
}
li {
font-family: Roboto,Helvetica,Arial,sans-serif; 
color: #000000; 
font-weight: 200; 
}

a {
color: #800080;
}
a:hover {
color: #858585;
}
a:visited {
color: #bbb;
}

/*have added slider in header.php and moving caption from along bottom of image to the same place it was in joomla*/
.metaslider .caption {
font-size: 16px;
font-family: Roboto,Helvetica,Arial,sans-serif;
	font-weight: 500;
	}

.metaslider .caption-wrap {
position: absolute !important;
bottom: auto !important;
	top: 50px;
	left: 20px !important;
line-height: 1.4em !important; 
width: 315px !important;
	opacity: 1.0 !important;
background: rgba(12, 33, 66, 0.5) !important;
	
}

/* removing the caption from tablets and mobiles as it takes up too much space*/
@media screen and (max-width: 768px)
{
.metaslider .caption {
    display:none;
}    
}

/*removing all the home page content as we only want the slider then the bottom stuff */
.home #content {
  display: none;
}


/* using the mega menu to display menu but wanting it to spread evenly across the page so divide 100 by 6 links = 16.657%*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
   width: 16.657%;
}
#mega-menu-wrap-primary {
    box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.3);
}
/*the mega menu gradient doesnt match the old joomla so have changed it here for the current item and the hover item below on the top level menu bar only*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{
background: linear-gradient(45deg, rgba(239,145,52,1) 0%,rgba(239,145,52,1) 60%,rgba(234,117,22,1) 66%,rgba(234,117,22,1) 100%) !important;
color: #902712 !important;
    border-color: #902712 !important;
		}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
 background: linear-gradient(45deg, rgba(239,145,52,1) 0%,rgba(239,145,52,1) 60%,rgba(234,117,22,1) 66%,rgba(234,117,22,1) 100%) !important;
color: #902712 !important;
    border-color: #902712 !important;
	}
/*doing the same for displaying the current page link*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: linear-gradient(45deg, rgba(239,145,52,1) 0%,rgba(239,145,52,1) 60%,rgba(234,117,22,1) 66%,rgba(234,117,22,1) 100%) !important;
color: #902712 !important;
    border-color: #902712 !important;
	}

/* removing the arrows*/
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {
    content: '';
 }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item-has-children > a.mega-menu-link:after, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item-has-children > a.mega-menu-link:after {
    content: '';
}

/* sub menus first line*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: linear-gradient(135deg, rgba(221,221,221,1) 0%,rgba(229,229,229,1) 16%,rgba(229,229,229,1) 27%,rgba(229,229,229,1) 37%,rgba(241,241,241,1) 46%,rgba(243,243,243,1) 53%,rgba(244,244,244,1) 54%,rgba(245,245,245,1) 56%,rgba(248,248,248,1) 61%,rgba(250,250,250,1) 69%,rgba(255,255,255,1) 98%);
margin: 0px;
border-bottom: 1px solid #ccc !important;
font-size: 11px;
font-weight: normal;
width: 325px;
}

/* sub menus subsequent lines*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
background: linear-gradient(135deg, rgba(221,221,221,1) 0%,rgba(229,229,229,1) 16%,rgba(229,229,229,1) 27%,rgba(229,229,229,1) 37%,rgba(241,241,241,1) 46%,rgba(243,243,243,1) 53%,rgba(244,244,244,1) 54%,rgba(245,245,245,1) 56%,rgba(248,248,248,1) 61%,rgba(250,250,250,1) 69%,rgba(255,255,255,1) 98%);
margin: 0px;
border-bottom: 1px solid #ccc !important;
font-size: 11px;
font-weight: normal;
width: 325px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu ul{
    width: 350px;
    max-height:400px;
    overflow-y:scroll;
}


@media screen and (min-width: 769px)
{
/* last drop down on newsroom because the sub menus are 325px it was giving the page a bottom scrollbar so overriding it here for each sub menu to make it go right instead of left*/

#mega-menu-item-1877 a.mega-menu-link {
right: 25px !important;
left: auto !important;
width: 200px !important;
}
#mega-menu-item-1876 a.mega-menu-link {
right: 25px !important;
left: auto !important;
width: 200px !important;
}
#mega-menu-item-1875 a.mega-menu-link {
right: 25px !important;
left: auto !important;
width: 200px !important;
}
#mega-menu-item-1874 a.mega-menu-link {
right: 25px !important;
left: auto !important;
width: 200px !important;
}
#mega-menu-item-2137 a.mega-menu-link {
right: 25px !important;
left: auto !important;
width: 200px !important;
}
}

/* positioning the drop down*/
#mega-menu-wrap-primary #mega-menu-primary[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {
    margin-top: 10px;
    margin-left: 0px;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
    left: 235px;
    top: 0;
}
/* adding the orange hover to the menu drop downs*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
background: linear-gradient(45deg, rgba(239,145,52,1) 0%,rgba(239,145,52,1) 60%,rgba(234,117,22,1) 66%,rgba(234,117,22,1) 100%) !important;
color: #902712 !important;
border-color: #902712 !important;
  font-weight: normal;
  text-decoration: none;
  color: #666;
}


/*the plugin widget that displays the categories and posts in sidebar just changing some font styles*/

#text-2 h2.widget-title  {
margin: 0 0 0;
}
.sidebar h2.widget-title a {
color: #013671;
font-weight: 200;
margin-bottom: 10px !important;
}
.sidebar h2.widget-title a:hover {
color: #55c1d9;
}
.widget ul a {
color: #660066;
    font-size: 15px;
}
.widget ul a:hover {
color: #858585;
  }

/*cleaning up the breadcrumbs*/
#breadcrumb-list {
margin-left: 10%;
}
#breadcrumb-list span {
    border: 0;
    color: #666;
}
#breadcrumb-list .breadcrumb-current {
    background-color: #ffffff;
    padding: 5px 0 0 0;
}
#breadcrumb-list a, #breadcrumb-list a span {
    color: #800080;
    display: inline-block;
    padding: 5px 5px 0 0;
}
/* using addtoany for the follow and share buttons*/
.a2a_follow:before {
   content: "Follow";
   font-size: 0.8em;
padding-left: 3px;
}
.a2a_follow:after {
   content: "Share";
	position: relavtive;
   font-size: 0.8em;
padding-left: 3px;
	top: 10px;
	}

.addtoany_list a, .widget .addtoany_list a {
	display: grid!important;
	padding: 3px 4px!important;
}
.social-share {
	position: fixed!important;
 top: 30%!important;
   left: 7px!important;	
	}
.mastodon-sharing {
	left: 12px;
	margin-top: 2px;
	margin-left: 4px;
	}
.page .social-share { display: none !important; }

.shareon>::before {
	height: 22px!important;
    width: 22px!important;
     top: 6px!important;
    left: 6.5px!important;
    }
.shareon>* {
   height: 24px!important;
    width: 16px!important;
	border-radius: 4px!important;
	margin: 0!important;
	padding: 4px 8px!important;
}
@media screen and (max-width: 768px){
	.social-share {
		display: none;
	}
	}

/*hide social icons on the home page*/
/*.home #sfsi_floater {
   display: none;
}
*/

/*using the footer widgets to display the bottom 3 menus*/
@media screen and (min-width: 1024px){
.wrapper, #feature-slider .entry-container {
    width: 100%;
}
}
/* removing all the padding*/
#supplementary {
    padding: 0;
		
}
#supplementary .widget {
padding: 0 !important;
width: 100%;
z-index: 500;

}
#supplementary .widget-area {
   margin-bottom: 25px;
}
/* changing the footer from white to that nice orange gradient*/
.site-footer {
background: linear-gradient(356deg, rgba(255,212,18,1) 0%, rgba(241,130,54,1) 59%, rgba(241,130,54,1) 100%);
}
/*giving titles the blue background*/
.footer-widget-area .widget-title {
background: #0c2142; 
color: #ffffff!important;
width: 100%;
padding-left: 30px!important; 
    margin: 0!important;
    line-height: 2.7em!important;
    font-size: 18px!important;
    font-weight: 200;
}
/* removing the dot as the menus are lists - we are adding > further down*/
.widget ul > li {
    list-style-type: none;
}
/* targeting each individual menu*/
/* making links white*/
#menu-about-solarpaces a {
font-size: 14px;
color: #ffffff;
padding-top: 10px;
padding-left: 0;
line-height: 1.75;
}
#menu-about-solarpaces a:hover {
color: #000000;
}
/* giving the links some margin*/
ul#menu-about-solarpaces {             
    margin-left: 30px;
    margin-top: 20px;
margin-bottom: 20px;
}
#menu-csp-technology a {
font-size: 14px;
color: #ffffff;
padding-top: 10px;
padding-left: 0;
line-height: 1.75;
}
#menu-csp-technology a:hover {
color: #000000;
}
ul#menu-csp-technology {             
    margin-left: 30px;
    margin-top: 20px;
}
#menu-tasks a {
font-size: 14px;
color: #ffffff;
padding-top: 10px;
padding-left: 0;
line-height: 1.75;
}
#menu-tasks a:hover {
color: #000000;
}
ul#menu-tasks {             
    margin-left: 30px;
    margin-top: 20px;
}

/* the 3 latest posts widgets in the footer*/

body  {
line-height: 1.25;
}

/* the category posts in the footer we are wanting to get the imges to float left of the title and date*/
.cat-post-thumbnail {
	float: left !important;
}

/*turn of post prev and next*/
#main .post-navigation {
    display: none;
}


/* moving the solarpaces conference image to top of the 3 columns on mobile*/
.footer-widget-image .footer-widget-image-mobile {
	text-align: center;
	margin: 0 auto;
}
@media screen and (min-width: 1025px) {
.footer-widget-image-mobile {
	display: none;
	}
}
@media screen and (max-width: 1024px) {
.footer-widget-image {
	display: none;
}
}

/* moving the extra foot widget with the news higher up the page on home page only */
.home .extra-footer-widget {
    margin-top: -28px;
}


.extra-footer-widget {
display: inline-block;
position: relative;
border-top: 1px solid #888;
width: 100%;
background: #fff;
z-index: 999;
}
.extra-footer-widget-area1 {
width: 33%;
float: left;
padding: 10px 10px 0 30px;
}
@media screen and (max-width: 768px){
.extra-footer-widget-area1 {
width: 90%;
float: left;
padding: 10px 10px 0 30px;
}
}
.extra-footer-widget-area2 {
width: 34%;
float: left;
padding: 10px 10px 0 30px;
}
@media screen and (max-width: 768px){
.extra-footer-widget-area2 {
width: 90%;
float: left;
padding: 10px 10px 0 30px;
}
}
.extra-footer-widget-area3 {
width: 33%;
float:left;
padding: 10px 10px 0 30px;
  
}
@media screen and (max-width: 768px){
.extra-footer-widget-area3 {
width: 90%;
float: left;
padding: 10px 10px 0 30px;
}
}

#category-posts-12-internal .cat-post-item, #category-posts-7-internal .cat-post-item, #category-posts-10-internal .cat-post-item, #category-posts-14-internal .cat-post-item, #category-posts-13-internal .cat-post-item,  #category-posts-8-internal .cat-post-item, #category-posts-9-internal .cat-post-item, #category-posts-15-internal .cat-post-item {
padding-top: 0;
padding-right: 14%;  
padding-bottom: 0;
padding-left: 0;
}


/* changing the title color, font size and margins*/
@media screen and (min-width: 300px)
{
h4 {
    margin-bottom: 5px!important;
    margin-top: 15px!important;
    color: #55c1d9;
    font-size: 28px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}
}
.extra-footer-widget-area1 h4 a {
color: #55c1d9;
font-size: 28px;
}
.extra-footer-widget-area1 h4 a:hover {
color: #013671;
font-size: 28px;
}
.cat-post-item a:hover {
color: #55c1d9;
font-size: 10px;
}
.extra-footer-widget-area2 h4 a {
color: #55c1d9;
font-size: 28px;
}
.extra-footer-widget-area2 h4 a:hover {
color: #013671;
font-size: 28px;
}
.extra-footer-widget-area3 h4 a {
color: #55c1d9;
font-size: 28px;
}
.extra-footer-widget-area3 h4 a:hover {
color: #013671;
font-size: 28px;
}


/* removing the bottom border and changing the colors sizes etc -black for the links and light blue for hover*/

/* solarpaces research news 7 & 12*/
#category-posts-12-internal .cat-post-title, #category-posts-7-internal .cat-post-title {
font-size: 13px;
}
#category-posts-12-internal a, #category-posts-7-internal a {
color: #000;
}
#category-posts-12-internal a:hover, #category-posts-7-internal a:hover {
color: #55c1d9;
}
#category-posts-12-internal .cat-post-item, #category-posts-7-internal .cat-post-item {
border-bottom: none;
margin: 0!important;

}

/* solarpaces announcements 10 & 14*/
#category-posts-10-internal .cat-post-title, #category-posts-14-internal .cat-post-title {
font-size: 13px;
}
#category-posts-10-internal a, #category-posts-14-internal a {
color: #000;
}
#category-posts-10-internal a:hover, #category-posts-14-internal a:hover {
color: #55c1d9;
}
#category-posts-10-internal .cat-post-item, #category-posts-14-internal .cat-post-item {
border-bottom: none;
margin: 0!important;

}

/* csp news & analysis 13 & 8*/
#category-posts-13-internal .cat-post-title, #category-posts-8-internal .cat-post-title {
font-size: 13px;
}
#category-posts-13-internal a, #category-posts-8-internal a {
color: #000;
}
#category-posts-13-internal a:hover, #category-posts-8-internal a:hover {
color: #55c1d9;
}
#category-posts-13-internal .cat-post-item, #category-posts-8-internal .cat-post-item {
border-bottom: none;
margin: 0!important;

}


/* csp news briefs 9 & 15*/
#category-posts-9-internal .cat-post-title, #category-posts-15-internal .cat-post-title {
font-size: 13px;
}
#category-posts-9-internal a, #category-posts-15-internal a {
color: #000;
}
#category-posts-9-internal a:hover, #category-posts-15-internal a:hover {
color: #55c1d9;
}
#category-posts-9-internal .cat-post-item, #category-posts-15-internal .cat-post-item {
border-bottom: none;
margin: 0!important;
}
#category-posts-11-internal a{
color: #000;
}
#category-posts-11-internal a:hover {
color: #55c1d9;
}

/* the category posts in the footer we are wanting to get the imges to float left of the title and date*/

.cat-post-thumbnail {
float: left !important;
clear: both;
margin: 0 10px 15px 0!important;
}
.cat-post-date {
color: #999;
	font-size: 13px;
	line-height: 1.25;
}
.cat-post-title {
    font-size: 13px;
    display: block;
}
a.cat-post-everything-is-link {
	font-size: 13px;
	line-height: 1.25;
}

/* have made site footer relative and given it a z index so that the follow and share buttons go behind it*/
.site-footer {
position: relative;
    z-index: 999;
}
/* removing the calendar icon from in front of the date in posts*/
.entry-meta .posted-on a:before {
    content: "";
}
/* removing the little profile icon before the authors name replacing it with By*/
.entry-meta .author a:before {
    content: "By";
}
/* removing the comment bubble and the comment link */
.entry-meta .comments-link{
display: none;
}
.entry-meta .comments-link a:before {
    content: "";
}

/*cant remove the theme copyright without changing a core file so removing it and creating new one*/
.copyright {
    display: none;
}
.copyright1 {
    padding: 5px 0;
}
#site-generator {
    display: none;
}
#site-generator1 {
    background-color: #fff;
    color: #1a1a1a;
    font-size: 13px;
    text-align: center;
    padding: 25px 0;
}

/*read more button changing colours*/
.archive-post-wrap .button-minimal {
    color: #800080;
}

.archive-post-wrap .button-minimal:hover,
.archive-post-wrap .button-minimal:focus {
	background-color: transparent;
	border-color: 0;
	color: #858585;
}

/*changing archive post titles to black with light blue hover*/
.entry-title a {
    color: #55c1d9;
	font-size: 24px;
}
.entry-title a:hover {
    color: #000000;
}



/* the page title - light blue*/
.page-title {
    color: #55c1d9;
font-family: 'Open Sans', sans-serif;
}
.page-header {
    padding: 0 15px 0 0;
}
/* the titles on the sidebar were going uppercase and bold if it was the current page*/
.cat-post-current .cat-post-title {
    font-weight: inherit!important;
    text-transform: none!important;
}
/* the bottom orange link set just above the footer were set to a specific size so made them 100% */
@media screen and (min-width: 768px)
{
.wrapper {
    width: 100%;
   }
}

/*give the tables border a slightly darker color*/
table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}


/* mobile menu options*/
@media only screen and (max-width: 768px){
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    width: 90%;
}
}

.sub-menu { width: 410px;}
.sub-menu-columns ul.sub-menu li {
    display: inline-block;
    float: left;
    width: 200px;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}


/* disqus headlines too bold*/
.discovery-post a.title, .discovery-post h3 {
    font-size: 16px;
    font-weight: 500 !important;
    line-height: 1.25em;
}
/* turning off disqus on contact page isant working so we will hide it will some css*/
.page-id-48 iframe  {
display: none;
}

/* the discovery part of disqus (also on) remove the time*/
body .discovery-post .meta li.time {
    display: none !important;
}

/*replace standard search with plugin*/

/* search icon was sitting in the menu have moved it up*/
#search-toggle {
  font-size: 18px;
  top: -85px;
	right: 50px;
 }

div[id*='ajaxsearchlitesettings'].searchsettings {
        z-index: 3000;
      
}
div[id*='ajaxsearchlitesettings'].searchsettings fieldset .label {
    width: 300px;
}
div[id*="ajaxsearchliteres"] {
    z-index: 2500;
}
div[id*="ajaxsearchlite"] .probox .prosettings {
    width: 185px;
}
div[id*='ajaxsearchlite'] .probox .prosettings .innericon {
text-align: left;
margin-left: 10px;
}
div[id*='ajaxsearchlite'] .probox .prosettings .innericon::after {
content: "Search Options";
color: #fff;
margin-left: 10px;
vertical-align: 50%;
}


#search-container {
    background: #0c2142;
    border-top: 2px solid #902712;
border-bottom: 2px solid #902712;
    top: -38px;
   }

#ajaxsearchlitesettings1.searchsettings {
  background-color: #0c2142 !important;
}

/* make changes to tooltip plugin*/
.tooltipsall:hover {
    color: #000000 !important;
}
.qtip {
    max-width: 500px;
    min-width: 50px;
    font-size: 12.5px;
    line-height: 14px;
    padding: 5px;
}
.tooltips {
		color: #800080;
	text-decoration: underline dotted;
}

.Zebra_Tooltip {
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: lighter;
	}

@media screen and (max-width: 769px){
.Zebra_Tooltip {
	
  max-width: 280px;
}
}


/* bottom middle widget title, make disappear as its a placeholder only at the moment */
#custom_html-6 h3.widget-title {
color: #0c2142 !important;
}
/** load more button */
button {
	background-color: #fff;
    border-bottom: 0 solid #fff;
    box-shadow: none;
    color: #800080;
	text-transform: none;
}

button:hover {
	background-color: #fff;
    border-bottom: 0 solid #fff;
    box-shadow: none;
    color: #858585;
	text-transform: none;
}  
/* Tablas links */
.menos {
	font-size: 12px;
}
table.centrado td {
	text-align: center;
	width: 9%;
	padding: 8px 4px;
	vertical-align:middle;
}
table.centrado td a {
	text-decoration: underline;
	color: black;
}
table.centrado th a {
	text-decoration: underline;
	color: black;
}
table.centrado td a:visited {
	text-decoration: underline;
	color: #969696 !important;
}
table.centrado th a:visited {
	text-decoration: underline;
	color: #969696 !important;
}
table.centrado td a:hover {
	text-decoration: none;
}
table.centrado th a:hover {
	text-decoration: none;
}
div.scroll {
	overflow: auto;
}
table.centrado caption {
	text-align: center;
	font-size: 18px;
  font-weight: 200;
	padding-bottom: 1%;
}
caption.cap-bot {
	caption-side: bottom;
	padding-top: 1%;
}
td.back-gr {
	background: #e5e5e5;
}
.txt-l{
	text-align: left !important;
	width: 19% !important;
}
/* Página Intro */
.tit-3 {
	font-size: 21px;
	color: black;
}
.tit-4 {
	font-size: 19px;
	color: black;
}
figure figcaption {
	text-align: center;
	font-size: 16px;
	padding-bottom: 5%;
}
.pd-top {
	padding: 2%;
}

/* Página assessments */
.autor {
	text-align: right;
}
span.ac_title_class {
	font-size: 26px;
	color: black;
	font-weight: 400;
}
div.wpsm_panel-body ol li {
	margin: 2% 0;
}
div.wpsm_panel-body ul li {
	margin: 2% 0;
}
ul.circle li {
	list-style-type: circle !important;
}
ul.disc li {
	list-style-type: disc;
}
ul.square li {
	list-style-type: square !important;
}
.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
td.va-base {
	vertical-align: baseline !important;
}

/* MENU LATERAL */
#header {
	display: none;
	margin:auto;
	overflow: auto;
	height: 500px;
	width: fit-content;
	font-family:Arial, Helvetica, sans-serif;
	position: fixed;
  top: 28%;
  left: 75px;
	
}
.max-width {
	width: 516px !important;
	
}

#header > ul, ol {
	list-style:none;
	width: fit-content;
}

.nav-lat > li {
	position: relative;
	max-width: 250px;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.nav-lat > li:first-child  {
	border-top: solid 1px #cccccc;
}

.nav-lat li a {
	background-color:#fff;
	color:#000;
	text-decoration:none;
	padding:10px 12px;
	display:block;
}

.nav-lat li a:hover {
	background-color: #fdf3d8;
}

.nav-lat li ul {
	display:none;
	position:absolute;
	min-width:140px;
	margin: 0 !important;
	left: 250px;
	top: -70px;
	width: fit-content;
}

.nav-lat li:hover > ul {
	display:block;
}

.nav-lat li ul li {
	position:relative;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.nav-lat li ul li:first-child {
	border-top: solid 1px #cccccc;
}
.tit-act-nav {
	background: #f7ca57;
	padding: 15px 17px;
	font-weight: 750;
}
#img-hide {
	position: fixed;
	top: 29.5%;
  left: 18px;
	z-index: 999999 !important;
}
.active-menu {
	display: block !important;
}

/* GENERAL */
.float-right {
	float: right;
}

/* tablas */
.azul-oscuro {
	color: white;
	background: #0b458b;
}
.azul-medio {
	background: #a5ccec;
}
.azul-claro {
	background: #f0f8ff;
}

#intercalado tr:nth-child(2n+5) {
	background: #fbfbfb;
}
#intercalado tr th {
	  border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: black;
    font-weight: 700;
    padding: 8px;
	  font-size: 15px;
}

/* ACORDEON */
ul.mg-tb li {
	margin: 1% 0 !important;
}