/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



/*

 * Custom Style Sheet - Use this file to style your content

 */
/*
.wk-slideshow-showcasebuttons{

	position:relative;

	z-index:0;

}

.wk-slideset{

	position:absolute;

	bottom:40px;

	width:100%;

	z-index:10;

}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div {

    background: none;

    border-radius:0;

    margin: 0;

    padding:0;

}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div > div {

    background: none;

    border-radius:0;

    box-shadow:none;

    padding:2px 17px 2px 19px;

    text-align: left;

    text-shadow:none;

    white-space: nowrap;

	color:#fff;

}

.wk-slideshow-showcasebuttons .wk-slideset .set > li.active > div > div {

    background: none;

    box-shadow:none;

}

.wk-slideshow-showcasebuttons .wk-slideset .set > li.active > div {

    background: none;

    box-shadow: none;

}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div:hover{

	background:none;

}

.wk-slideshow-showcasebuttons .wk-slideset .set > li > div:hover > div{

	background:none;

}
*/
.custom-logo {

    display: inline-block;

	width: 359px;

	height:64px;

	/*background: url(../../../images/yootheme/logo.png) 0 0 no-repeat;*/

	background: url(../images/logo.png) 0 0 no-repeat;

    background-position: 0 50%;

    background-size: contain;

}



/* Frontpage Teaser */

#page .frontpage-teaser-1 { margin-bottom: 15px; }



.frontpage-teaser-1 h1,

.frontpage-teaser-1 p { 

    position: relative;

    margin-top: 10px;

    margin-bottom: 0;

}



.frontpage-teaser-1 p { margin-top: 10px; }

.frontpage-teaser-1 img { margin-top: -70px; }



.frontpage-teaser-2 h1 { margin: 20px 0 0 0; }

.frontpage-teaser-2 p { margin-top: 10px; }



.frontpage-teaser-2 .width33 div { margin-top: 40px; }

.frontpage-teaser-2 .width33 div + div { margin-top: 90px; }



#system .item > header .title {color:#0e75b5;font-size: 200%;font-weight: bold;}

/* Frontpage Sidebar */

 ul.frontpage-icons li h3 {

 	margin-top: 15px;

 	padding: 5px 5px 5px 35px;

 	background-size: 35px 35px;

 	background-position: 0 50%;

 	background-repeat: no-repeat;

 }



 .available-icon { margin-right: 10px; }



 /* Bottom A

  ----------------------------------------------------------------------------------------------------*/





 /* Frontpage Font

 ----------------------------------------------------------------------------------------------------*/



@font-face {

    font-family: 'JournalRegular';

    src: url('../fonts/journal-webfont.eot');

    src: url('../fonts/journal-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/journal-webfont.woff') format('woff'),

         url('../fonts/journal-webfont.ttf') format('truetype'),

         url('../fonts/journal-webfont.svg#JournalRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}



.journal-font { 

	font-family: "JournalRegular"; 

	font-size: 35px;

}





 /* Frontpage Responsive

 ----------------------------------------------------------------------------------------------------*/



/* Only Tablets (Portrait) and Phones (Landscape) */

@media (min-width: 480px) and (max-width: 959px) {



    .frontpage-teaser-2 .width66,

    .frontpage-teaser-2 .width33 { width: 50% }



}



/* Only Phones */

@media (max-width: 767px) {



    #innerbottom-b .frontpage-features,

    #innerbottom-a .frontpage-features { margin-top: 0; }

    #innerbottom-b .frontpage-features > h2,

    #innerbottom-a .frontpage-features > h2 { margin-top: 20px; }



}



/* Only Phones (Landscape) */

@media (min-width: 480px) and (max-width: 767px) {



    .frontpage-teaser-2 .width33 div { margin-top: 20px; }

    .frontpage-teaser-2 .width33 div + div { margin-top: 50px; }



}



 /* Only Phones (Portrait) */

@media (max-width: 479px) {



    .frontpage-teaser-1 { margin: 0px auto; }

    .frontpage-center { text-align: center; }

    .frontpage-teaser-2 .width33 div, 

    .frontpage-teaser-2 .width33 div + div { margin-top: 0; }

    .frontpage-teaser-1 img { margin-top: -40px; }



}



/*surrogate-application*/

#surrogate-application .rsform-input-box{

}

#surrogate-application .rsform-block{
	overflow:hidden; clear:both;
}

#surrogate-application .formCaption{ text-align:right; padding-right:15px; overflow:hidden; height:auto !important; width:250px;}
#surrogate-application .formDescription{ display:block; float:left; padding-left:5px; padding-right:10px;}


/*Featured Donor Module*/
.featured-donor p{ padding:0; margin:0 0 0px;}
.featured-donor img{
	border: solid 1px #c6dae8;
	margin: 0 auto !important;
}

.featured-donor a.profile-name{ display:block;  text-transform:uppercase; color:#0E75B5; margin-bottom:5px;}



/*Account Menu at Top Right*/
ul.menuaccount
{
	float:right;
	padding:0;
	margin:0;
	list-style:none;
}

ul.menuaccount li{ float:left; margin: 0 2px 0 2px;}
ul.menuaccount li a{ font-size:12px; color:#fff;}
ul.menuaccount li .separator{color:#fff;}


.rsform-block-submit div.formBody{ margin-top:15px; margin-left:264px;}

.formResponsive label {
    float: left;
    height: 18px;
    margin: 3px 5px 3px 0;
    padding: 0; 
	
}

.formResponsive label:first-child {
   width:150px;
}

.formResponsive input[type="text"]{ min-width:150px;}

.formResponsive .formBody{ float:none;}

.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    float: left;
    margin-right: 5px;
    padding-left: 18px;
}
.formResponsive input[type="submit"], .formResponsive input[type="reset"], .formResponsive input[type="button"], .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    width: auto;
}
.formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    cursor: pointer;
    line-height: normal;
}

.formResponsive .rsform-block{ clear: both; overflow:hidden}
.rsform-block-questions-text,.rsform-block-information-text,.rsform-block-donor-database-message{ margin:10px 0;}
.formResponsive .formHorizontal .formControls {
    margin-left: 160px;
}

#system .title{
 	color: #0E75B5;
    font-size: 200%;
    font-weight: bold;
}
h2, h3{ 	color: #0E75B5;}


/*Contact Page*/
ul.phonecontact span{
	width:100px; float:left; display:block;
}