body {margin:0px;font-family:Arial, Helvetica, sans-serif;background-image:url('../images/pg-bkg.png') ; background-repeat:repeat;}


#base-container {margin: 0px auto; border:0px black solid; max-width: 1024px; min-width:320px;}
.photobkg {background: #fff url('../images/Kathryn-Heilesen-01-08-26.jpg') no-repeat;background-size:contain;background-position-y: 0px;}
.whitebkg {background:#ffffff}
.lbluebkg {background:#cedfe6;padding:1em;min-height: 250px;}

/* HEADER */
#header {border: 0px lime solid;}
#hdtop {background:#232323;color:#fff;border-bottom:16px #56bd2e solid;height:2.5em}
.tpmenu {display:inline-block;}
.tpphone {display:inline-block;/*position:absolute;right:0;padding-top:6px;*/}
.tpsoc {display:inline-block}
.tpsoc>div {width:2.2em;display:inline-block}
.tpsocbtm {display:none}
.tpsocbm>div {width:2.2em;display:inline-block}


.tphone-2 {display:inline-block;/*vertical-align:top;*/font-weight:bold}
.tplspace {padding:0em 1em}
.greenT {color:#56bd2e}
#buslangs {background:#fff;}
.bus {display:inline-block}
.blogo {display:inline-block;padding:1.5em}
.btitle {display:inline-block;vertical-align:top;padding-top:2em}
.btitle h1 {margin:0px;letter-spacing:.1em}
.langs {display:inline-block;vertical-align:top;margin: 1em 1em 1em 0em;/*position:absolute;right:0;*/}
.langs a:link {color:#ffffff;text-decoration:none}
.englang {display:inline-block;background:#2e8fbe;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}
.englang:hover {display:inline-block;background:#232323;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}
.spanlang {display:inline-block;background:#2e8fbe;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}
.spanlang:hover {display:inline-block;background:#232323;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}


/* SKIP TO CONTENT */
    .skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: auto; 
        overflow: visible;
        background:#ffffff;
        color:#000000; 
        line-height:3em
    }

	
/* CONTENT */
#content {}
.greenbutton {display:block;background:#56bd2e;border-radius: 25px;line-height:2.5em;padding:0em 2em;font-weight:bold;width:175px;margin:1em}
.greenbutton:hover {display:block;background:#2e8fbe;border-radius: 25px;line-height:2.5em;padding:0em 2em;font-weight:bold;width:175px;margin:1em}
h1>span {color:#2e8fbe;background: rgba(255, 255, 255, 0.6);}
.trpntwhite { background: rgba(255, 255, 255, 0.7) /* White background with 70% opacity */}

@media screen and (min-width: 0px) and (max-width: 410px) {
	.greenbutton {display:block;background:#56bd2e;border-radius: 25px;line-height:2.5em;padding:0em 1em;font-weight:bold;width:175px;margin:1em}
}
@media screen and (min-width: 0px) and (max-width: 370px) {
.photobkg {background: #fff url('../images/Kathryn-Heilesen-01-08-26.jpg') no-repeat;background-size:contain;background-position-y: 200px;}
}

.buttongr {min-height:325px;margin:auto;max-width:960px;}
.daterem {border:2px #000 solid;background:#ffffff;padding:.5em 1em;margin-top:2em}
.datetitle {text-align:center;color:#2e8fbe}

/* CTA CALL TO ACTION */
.cta {background: #56bd2e;padding: 1em;text-align: center;}
.cta>p {font-size: 1.25em;}
.ctaphone {font-size:1.5em;font-weight:bold}

/* IMAGES */
img {
    max-width: 100%;
    height: auto;
    /* width: 100%;        to make the image responsive */
}
/* ==== PHONE ==== */
.phone1 {display:inline-block}
.phone2{display:none}

/* FOOTER */
/* Colors */
.white {color:#ffffff}
.black {color:#000000}
.bkgblue {background:#232323;padding:1em 0em .1em 0em}

#footer {border:0px #c0c0c0 solid;background:transparent;}
.rgtbdr {border-right:1px #ffffff dashed}

/* COPYRIGHT TAG */
.ct {font-size: .8em; text-align: center;margin:0px;line-height:3em;color:#000000}

/* PPP DESGIN TAG */
.pdt { font: 8pt "Times New Roman", Times, serif; text-align: right;padding:10px;border-top:0px #2c2f70 solid;background:#ffffff}

/* BACK TO TOP */
.bttbutton {
    background-color: #2e8fbe; /* Green */
    border: none;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 10px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    border-radius: 50px;
}

.bttbutton1 {
    background-color: white; 
    color: black; 
    border: 2px solid #2e8fbe;
}

.bttbutton1:hover {
    background-color: #2e8fbe;
    color: white;
}

.bttbutton1 a:hover {
 	display:block;
    color: white;
}

/*triangle*/
#tri {
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 25px 15px;
border-color: transparent transparent #2e8fbe transparent;
}

#tri:hover {
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 25px 15px;
border-color: transparent transparent #FFFFFF transparent;
}

/*=============START AT MEDIA ============*/
/*=======================================*/

/* mobile portrait */

@media screen and (min-width: 0px) and (max-width: 600px){

/* NEED FOR TOP MENU TO FUNCTION IF JS IN NOT ACTIVE (screen and (min-width: 0px) and (max-width: 600px)) */
	#menu {/*text-align: center;color: #fff;padding: 1em;*/}

	
	/* ==== PHONE ==== */
	.phone1{display:none}
	.phone2 {display:inline-block}
} 

/* Social Media */
@media screen and (min-width: 0px) and (max-width: 650px){
	.tpsoc {display:none}
	.tpsoc>div {width:2.2em;display:inline-block}
	
	.tpsocbtm {display:inline-block}
	.tpsocbtm>div {width:2.2em;display:inline-block}


}

/* HAEDER ONLY */

@media screen and (min-width: 601px) and (max-width: 768px) {
		/* HEADER */
#header {border: 0px lime solid;} /**/
#hdtop {background:#232323;color:#fff;border-bottom:16px #56bd2e solid;height:3.1em}/**/
.tpmenu {display:inline-block;text-align:center;padding:1em;/*width:200px*/}
.tpphone {display:inline-block;text-align:center;padding:1em;/*position:relative;right: inherit;padding-top:6px;vertical-align:top*/}

.tphone-2 {display:inline-block;/*vertical-align:top;*/font-weight:bold}
.tplspace {padding:0em 1em}/**/
.greenT {color:#56bd2e}/**/
#buslangs {background:#fff;}/**/
.bus {display:inline-block}/**/
.blogo {display:inline-block;padding:1.5em;width:20%}/**/
.btitle {display:inline-block;vertical-align:top;padding-top:2em}/**/
.btitle h1 {margin:0px;letter-spacing:0em}/**/
.langs {display:inline-block;vertical-align:top;margin: 1em 1em 1em 0em;/*position:absolute;right:0;*/padding-left:2em}
.englang {display:inline-block;background:#2e8fbe;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}/**/
.spanlang {display:inline-block;background:#2e8fbe;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}/**/

}


@media screen and (min-width: 0px) and (max-width: 600px) {
		/* HEADER */
#header {border: 0px lime solid;} /**/
#hdtop {background:#232323;color:#fff;border-bottom:16px #56bd2e solid;height:6.1em}/**/
.tpmenu {display:block;text-align:center;padding:1em;}
.tpphone {display:block;text-align:center;padding:1em;/*position:relative;right: inherit;padding-top:6px;margin-right:2em*/}

.greenT {color:#56bd2e}/**/
#buslangs {background:#fff;padding-left:2em}/**/
.bus {display:inline-block}/**/
.blogo {display:inline-block;padding:1.5em;width:50%}/**/
.btitle {display:inline-block;vertical-align:top;padding-top:0em}/**/
.btitle h1 {margin:0px;letter-spacing:0em}/**/
.langs {display:inline-block;vertical-align:top;margin: 1em 1em 1em 0em;/*position:absolute;right:0;*/}
.englang {display:inline-block;background:#2e8fbe;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}/**/
.spanlang {display:inline-block;background:#2e8fbe;border-radius: 25px;line-height:2em;padding:0em 2em;font-weight:bold;}/**/

}


 /* mobile landscape */
@media screen and (min-width: 601px) and (max-width: 768px){

/* NEED FOR TOP MENU TO FUNCTION IF JS IN NOT ACTIVE (screen and (min-width: 601px) and (max-width: 768px)) */
	#menu {}

	/* ==== PHONE ==== */
	.phone1{display:none}
	.phone2 {display:inline-block}

}


@media screen and (min-width: 769px){

/* NEED FOR TOP MENU TO FUNCTION IF JS IN NOT ACTIVE (screen and (min-width: 1025px)) */
	#menu {}

/* Header */
.langs {display:inline-block;vertical-align:top;margin: 1em 1em 1em 0em;width:40%;text-align:right/*position:absolute;right:0;*/}
.tpmenu {/*display:inline-block;width:35%;border:2px red solid*/}
.tpphone {display:inline-block;/*position:absolute;right:0;*/padding-top:6px;width:60%;border:0px red solid;text-align:right}

}