/**
 * Custom styling goes here.
*/


.h5p-image-hotspot-popup-header {
    white-space: inherit;
    overflow: visible;
    font-size: 16px;
    line-height: 21px;
    display: -webkit-inline-box;
    display: inline-block;
    height: auto;
}

sub {
    line-height: initial;
}

.h5p-image-hotspot {
	 opacity: 0.5;
	
	
}

.h5p-image-hotspot:hover {
    opacity: 1.0;

}

/**
 * Add styles here
*/


body {
	color: #514a46;
}

html.h5p-iframe .h5p-content,
html.h5p-iframe .h5p-content p,
html.h5p-iframe .h5p-content ul,
html.h5p-iframe .h5p-content ol,
html.h5p-iframe .h5p-content li,
html.h5p-iframe .h5p-content figcaption,
.h5p-content p,
.h5p-content ul,
.h5p-content ol,
.h5p-content li,
.h5p-content figcaption {
	font: 14px/22px 'Open Sans', Helvetica, Arial, sans-serif;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}
.h5p-content a {
    color: #e25101;
    text-decoration: none;
    border-bottom: 1px solid #f1c8b1;
    outline: 0;
}
.h5p-content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #e25101;
}

#h5p-iframe-35 > h5p-container h5p-standalone h5p-accordion h2{

background-color:black !important;

}


/*Accordions*/
h2:focus {
    outline: none;
}
.h5p-accordion .h5p-panel-title {
    padding: 0.8em 1px 0.8em 2.3em;
}
.h5p-accordion .h5p-panel-title,
.h5p-accordion .h5p-panel-expanded {
    background: #beaea5;
    font-size: 18px;
    font-family: 'Dosis';
    font-weight: 500;
}
.h5p-accordion .h5p-panel-title,
.h5p-accordion .h5p-panel-expanded, 
.h5p-accordion .h5p-panel-title:hover, 
.h5p-accordion .h5p-panel-title:focus, 
.h5p-accordion .h5p-panel-title:active {
    color: #514a46;
}
.h5p-accordion .h5p-panel-title:before {
    content: "\f067";
}
.h5p-accordion .h5p-panel-expanded:before {
    content: "\f068";
    transform: none;    
}

.h5p-accordion .h5p-panel-content {
    padding: 20px;
}
.h5p-accordion .h5p-panel-content p:last-child {
    margin-bottom: 0 !important;
}

/* image hotspots - resize icons for mobile */

@media screen and (max-width: 568px) {
    .h5p-image-hotspot {
        font-size: 0.5em;
        padding: 0.5em;
    }
    .not-an-ios-device .h5p-image-hotspot:hover {
        transform: scale(1.1);
    }
}

/* Change button colours on FNP module */
.postid-23484 .h5p-joubelui-button, .h5p-iframe .h5p-joubelui-button {
    background: #783dbe;
}
.postid-23484 .h5p-joubelui-button:hover, .h5p-iframe .h5p-joubelui-button:hover{
    background: #9264c9;
}