/*

Theme Name:		Larissa Behrendt
Theme URI:			http://www.larissabehrendt.com.au
Description: 		Customised WordPress theme for Larissa Behrendt
Author: 			Philboss Design
Author URI: 				http://www.philbossdesign.com.au
Version: 			1.0
Tags:				responsive,  pastel,  push menu

*/


*{margin:0; padding:0; outline:0}
img{width:100%}
.clearing{clear:both}
body{font: 15px/22px 'alexandriaflfregular'}
p{margin-bottom:10px}
.slider .mobile{display:none}

#menu{opacity:0; float:left;}

.container{max-width:1140px; margin:0 auto}

.pink .container {min-height:250px;}

.header{height:70px; background:#282828; color:#e19191; text-align:center; position:fixed; width:100%; z-index:400; top:0}
.header a.logo{font:30px/70px 'lucida_brightregular'; color:#e19191; text-decoration:none; text-transform:uppercase; letter-spacing:10px}
.header .button{position:absolute; top:0; line-height:70px; text-decoration:none; text-transform:uppercase; left:20px; color:#e19191; cursor:pointer; font-size:18px}
.header .button:before{content:'\e800'; font:24px/70px 'fontello'; padding-right:10px; position:relative; top:1px}
.header-pattern{background:url(images/header-background-bottom.png) bottom center repeat-x; height:8px; width:100%}

.slider img{margin-top:20px}

/*royal slider customise */

.rsUni .rsBullets {
	margin: -50px auto !important;
}

.rsUni .rsBullet span {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #787878 !important;
}

.rsBullet.rsNavSelected span {
    background-color: #e19191  !important;
}

.main-pattern{background:url(images/main-background-top.png) top center repeat-x; height:8px; width:100%; position:relative; margin-top:-47px}
.main{background:url(images/main-background.jpg)}
.main h1{font:44px/160px 'lucida_brightregular'; color:#787878; text-transform:uppercase; text-align:center; background:url(images/heading-background-grey.png) center 20px no-repeat; padding:20px 0}

.main .publications{padding:0 20px 50px; }
.main .publications ul{list-style:none; max-width: 1000px;
margin: 0 auto; }
.main .publications ul li{float:left; width: 31.3%;
margin: 3% 1% 3%;; position: relative; text-align:center}
.main .publications ul li img{border-radius:5px;  max-width:300px;height: auto; box-shadow:0 0 3px #000000; display:block;}
.main .publications ul li h3{font:40px 'amazone_btregular'; margin:10% 0 2%}
.main .publications ul li p{padding: 5% 8%;
font-size: 17px;
line-height: 24px;}

.main .publications ul li:hover span.text-content, .main .publications ul li:focus span.text-content{opacity: 1}
.main .publications ul li span.text-content {background: rgba(225,145,145,0.9); color:#FFFFFF; cursor:pointer; height:100%; left:0; position:absolute; top:0; width:100%; opacity:0; border-radius:5px; -webkit-transition: opacity 500ms;-moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; text-align:center; max-width:300px; }
.main .publications ul li span.text-content a{font:14px/40px 'nexa_boldregular'; text-decoration:none; color:#FFFFFF; text-transform:uppercase; width:100%; max-width:150px; height:40px; display:inline-block; border-radius:3px; background:#282828}
.main .publications ul li span.text-content a:before{content:'\e70a'; font:20px 'fontello'; padding-right:5px; position:relative; top:2px}



.main .publications_home{padding:0 20px 50px; }
.main .publications_home ul{list-style:none; max-width: 650px;
margin: 0 auto; }
.main .publications_home ul li{float:left; width: 48%;
margin: 3% 1% 3%;; position: relative; text-align:center}
.main .publications_home ul li img{border-radius:5px;  max-width:300px;height: auto; box-shadow:0 0 3px #000000; display:block;}
.main .publications_home ul li h3{font:40px 'amazone_btregular'; margin:10% 0 2%}
.main .publications_home ul li p{padding: 5% 8%;
font-size: 17px;
line-height: 24px;}

.main .publications_home ul li:hover span.text-content, .main .publications ul li:focus span.text-content{opacity: 1}
.main .publications_home ul li span.text-content {background: rgba(225,145,145,0.9); color:#FFFFFF; cursor:pointer; height:100%; left:0; position:absolute; top:0; width:100%; opacity:0; border-radius:5px; -webkit-transition: opacity 500ms;-moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms; text-align:center; max-width:300px; }
.main .publications_home ul li span.text-content a{font:14px/40px 'nexa_boldregular'; text-decoration:none; color:#FFFFFF; text-transform:uppercase; width:100%; max-width:150px; height:40px; display:inline-block; border-radius:3px; background:#282828}
.main .publications_home ul li span.text-content a:before{content:'\e70a'; font:20px 'fontello'; padding-right:5px; position:relative; top:2px}

.pink{background:url(images/strips-pink.jpg) center; padding-top:50px}
#no_about_me{background:none;
padding: 50px 20px 0;}

#about_me{text-align:center;}

#about_me p{color:#FFFFFF; text-align:center; max-width:1000px; margin:0 auto 10px}
#about_me a{color:#5a5a5a}

.home .pink .profile{max-width:260px; margin:-70px auto 40px}
.home .pink .container strong {font-family: 'alexandriaflfbold'}
.home #about_me .no_profile{display:none;}
.home .main h1.white{color:#FFFFFF; background:url(images/heading-background-white.png) center 20px no-repeat;}

.home .main{text-align:center; padding-top: 40px;}
.spacer{padding-top:80px !important}

.home .columns{padding:0 20px}
.home .columns ul{list-style:none; text-align:left}
.home .columns ul li{float:left; width:64.7%}
.home .columns ul li.narrow{width:31.3%; margin-right:4%; text-align:center}
.home .columns ul li.narrow img{border-radius:5px; box-shadow:0 0 3px #000000; max-width:300px; height:auto;}
.home .columns h1{font:60px 'amazone_btregular'; background:none; text-transform:none; text-align:left; margin:0; padding:0 0 20px; color:#e19191}
.home .columns h2{font:60px 'amazone_btregular'; background:none; text-transform:none; text-align:left; margin:0; padding:0 0 20px; color:#787878; clear:both}
.home .columns h4{font:16px/22px 'lucida_brightregular'; text-transform:uppercase}
.home .columns h5{font:14px/22px 'alexandriaflfregular'; padding:10px 0}
.home .columns h5 span{font-weight:bold; color:#e19191}
.home .columns .rating{font:20px 'fontello'; margin:0 0 20px; color:#323232}
.home .columns .rating i:before{content:'\2605'; font-style:normal; padding-right:5px}
.home .columns .rating b:before{content:'\E80D'; font-weight:normal; padding-right:5px}
.home .columns .rating .one-star, .home .columns .rating .two-star, .home .columns .rating .three-star, .home .columns .rating .four-star, .home .columns .rating .five-star{display:none}
.home .columns .one .one-star, .home .columns .two .two-star, .home .columns .three .three-star, .home .columns .four .four-star, .home .columns .five .five-star{display:block}

.home .columns a.download{font:14px/40px 'nexa_boldregular'; text-decoration:none; color:#FFFFFF; text-transform:uppercase; width:100%; max-width:215px; height:40px; display:inline-block; border-radius:3px; background:#282828; float:left; margin:20px 10px 0 0}

.home .columns a.no_download{display:none;}

.home .columns a.download:before{content:'\1F4E5'; font:20px 'fontello'; padding:0 12px; position:relative; top:2px}
.home .columns a.buy{font:14px/40px 'nexa_boldregular'; text-decoration:none; color:#FFFFFF; text-transform:uppercase; width:100%; max-width:175px; height:40px; display:inline-block; border-radius:3px; background:#e19191; float:left; margin:20px 10px 20px 0}
.home .columns a.buy:before{content:'\1F4D5'; font:20px 'fontello'; padding:0 12px; position:relative; top:2px}

.home .columns .navigation{margin-left:20px}
.home .columns .navigation a{height:40px; width:40px; display:block; float:left; border-radius:20px; background:#e0e0e0; margin:20px 5px 0 0; font-size:0; text-decoration:none; text-align:left}
.home .columns .navigation .prev a:before {content:'\E761'; font:24px/40px 'fontello'; color:#FFFFFF; margin-left:15px}
.home .columns .navigation .next a:before {content:'\E762'; font:24px/40px 'fontello'; color:#FFFFFF; margin-left:17px}
.home .columns .navigation a:hover{background:#282828}

.required-note{font-size:15px; color:#a0a0a0}
#gform_1{max-width:1000px; margin:40px auto 130px; padding:0 20px}
#gform_1 ul{list-style:none}
#gform_1 .gfield{float:left; clear:both; width:48%; border-bottom:2px dotted #828282; height:30px; margin-bottom:20px}
#gform_1 label{float:left; width:20%; text-align:left; font-size:20px}
#gform_1 .ginput_container{float:left; width:80%}
#gform_1 .ginput_container input{width:100%; color:#e19191; font:20px 'alexandriaflfregular'; border:0; background:none;padding-left: 20px;}

#gform_1 #field_1_4{text-align:left; float:right; position:relative; margin-top:-156px; border:none; height:auto}
#gform_1 #field_1_4 .ginput_container, #gform_1 #field_1_4 label{float:none; text-align:left; width:100%}
#gform_1 #field_1_4 textarea{background:none; border:2px dotted #828282; height:90px; width:96%; color:#e19191; font:20px/28px 'alexandriaflfregular'; padding:2%; margin-top:5px; -webkit-appearance:none}

#gform_1 .gform_footer{clear:both; font:14px/40px 'nexa_boldregular'; text-decoration:none; color:#FFFFFF; text-transform:uppercase; width:100%; max-width:170px; height:40px; display:inline-block; border-radius:3px; background:#e19191; border:none; cursor:pointer; margin:20px auto}
#gform_1 .gform_footer:before{content:'\e802'; font:20px 'fontello'; padding-right:5px; position:relative; top:2px}
#gform_1 .gform_button{background:none; border:none; color:#FFFFFF; cursor:pointer; display:inline-block; font:14px 'nexa_boldregular'; height:40px; text-transform:uppercase; width:120px}

#field_1_1 .gfield_description.validation_message, #field_1_5 .gfield_description.validation_message, #field_1_3 .gfield_description.validation_message {
color: #E19191;
    font-size: 11px;

    margin-top: 32px;
    position: absolute;
}

#field_1_4 .gfield_description.validation_message{
	margin-top: 8px;
	color: #E19191;
	 font-size: 11px;
}


.validation_error {
    
    margin-bottom: 40px;
}

.about-services{margin:0 20px}
.about-services ul{list-style:none; max-width:1000px; margin:0 auto; color:#FFFFFF; }
.about-services ul li{float:left; width:44%; margin:0 2% 20px}
.about-services ul li h2{font:bold 22px 'lucida_brightregular'; text-transform:uppercase; letter-spacing:1px; color:#282828; margin-bottom:20px}
.about-services ul li a.more{background:#282828; color:#FFFFFF; height:40px; display:block; border-radius:3px; max-width:150px; font:14px/40px 'nexa_boldregular'; text-transform:uppercase; text-decoration:none; margin:30px 0 10px}
.about-services ul li a.more:before{content:'\1f4d6'; font:20px 'fontello'; padding:0 15px; position:relative; top:2px}

.pattern{max-width:740px; margin:40px auto 0}

.footer{min-height:50px; line-height:50px; background:#282828; color:#5a5a5a; margin:0 auto; font-size:13px}
.footer .container{max-width:1000px; padding:0 20px}
.footer a{color:#e19191; text-decoration:none}
.footer a:hover{text-decoration:underline}
.footer .left{float:left}
.footer .right{float:right}

@media only screen and (max-width:1000px) {
.main .publications ul li span.text-content{margin:0}
#about_me p {margin: 0 20px 20px;}
.main .publications ul li p{
font-size: 16px;
line-height: 21px;
margin-top:10px}
}

@media only screen and (max-width:880px) {

.main .publications ul li p{
font-size: 15px;
line-height: 20px;
margin-top: 10px;}
}

@media only screen and (max-width:850px) {
.main .publications ul li p{padding:1% 5%}
.main .publications ul li h3{margin:5% 0 2%}
}
@media only screen and (max-width:768px) {
.header-pattern{background:url(images/header-background-bottom-mobile.png) bottom center repeat-x; height:4px}
.main-pattern{background:url(images/main-background-top-mobile.png) top center repeat-x; height:5px; margin-top:-44px}
.main .publications ul li span.text-content{height:100%}
.slider .desktop{display:none}
.slider .mobile{display:block}
.close {margin-top:12px}
.main .publications ul li p{line-height: 18px;
font-size: 14px;
margin-top: 10px;}

}
@media only screen and (max-width:767px) {
.button span{display:none}
.main .publications ul{max-width:620px}
.main .publications ul li{width:48%}
.home .main .publications ul li:last-child{display:none}
.footer .right{display:none}
.main .publications ul li p{line-height: 26px;
font-size: 17px;
margin-top: 16px;}

}



@media only screen and (max-width:703px) {

.main .publications_home ul li span.text-content { margin:0}

}

@media only screen and (max-width:680px) {
#gform_1 .gfield{width:100%}
#gform_1 #field_1_4{margin-top:0}
#gform_1 #field_1_4 textarea{height:150px}
.main .publications ul li p{ font-size: 15px;margin-top: 30px;}
.main .publications_home ul li span.text-content { margin:0}

}

@media only screen and (max-width:630px) {

.main .publications_home ul li p{ font-size: 16px; line-height: 24px;}
.main .publications_home ul li span.text-content { margin:0}

}

@media only screen and (max-width:600px) {
.header a.logo{font-size:28px; line-height:72px; letter-spacing:5px; padding-left:25px}
.header-pattern{margin-top:-2px}
.header .button{left:15px}
.main h1{font-size:26px; line-height:128px; background:url(images/heading-background-grey-mobile.png) center 20px no-repeat; height:128px; /*overflow:hidden*/}
.home .main .columns h1{height:auto}
.home .main.pink h1{color:#FFFFFF; background:url(images/heading-background-white-mobile.png) center 20px no-repeat;}
.home .columns h1, .home .columns h2{font:40px 'amazone_btregular'; padding-bottom:10px}
.main .publications ul li p{line-height:20px; font-size: 14px;}
}

@media only screen and (max-width:590px) {

.main .publications_home ul li p{ font-size: 15px}
.main .publications_home ul li span.text-content { margin:0}

}

@media only screen and (max-width:578px) {

.main .publications_home ul li p{ font-size: 14px; line-height: 20px; margin-height: 20px;}
.main .publications_home ul li span.text-content { margin:0}

}


@media only screen and (max-width:530px) {
.main .publications ul li p{line-height:18px; font-size: 13px; margin-top: 15px}
}

@media only screen and (max-width:526px) {
.main .publications_home ul li p{ font-size: 14px; line-height: 18px;}
}

@media only screen and (max-width:510px) {
.main .publications_home ul li p{ font-size: 13px; line-height: 17px;}
}

@media only screen and (max-width:500px) {
.main .publications ul li p{line-height:18px; font-size: 13px;}
}

@media only screen and (max-width:480px) {
.main .publications ul li p{line-height:16px; font-size: 12px;margin-top: 5px;}
}

@media only screen and (max-width:454px) {
.main .publications_home ul li p{ font-size: 12px; line-height: 16px;}
}

@media only screen and (max-width:450px) {
.header a.logo{font-size:22px; line-height:72px; letter-spacing:2px}
.main .publications ul li{width:98%; float:none; margin:40px 1%}
.main .publications ul li:first-child{margin-top:0}
.main .publications ul li:last-child, .home .main .publications ul li:last-child{display:block; margin-bottom:0}
.main .publications ul{max-width:300px}
.about-services ul li{width:96%}
.footer{line-height:20px; padding:10px 0}
.footer .right{margin-top:-20px; display:block}
.footer .right:before{content:'|'; padding-right:3px}
.home .columns ul li, .home .columns ul li.narrow{width:100%}
.home .columns .navigation{width:90px; margin:0 auto}
.home .columns a.buy{margin-bottom:40px}
.main .publications ul li p{line-height:26px; font-size: 16px;}

.main .publications_home ul li{width:98%; float:none; margin:40px 1%}
.main .publications_home ul li:first-child{margin-top:0}
.main .publications_home ul li:last-child, .home .main .publications ul li:last-child{display:block; margin-bottom:0}
.main .publications_home ul{max-width: 300px;
margin: 0 auto; }

.main .publications_home ul li p{ font-size: 16px; line-height: 24px;}
}

/*@font-face {
    font-family: 'lucida_brightregular';
    src: url('fonts/lucida-bright-webfont.eot');
    src: url('fonts/lucida-bright-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucida-bright-webfont.woff') format('woff'),
         url('fonts/lucida-bright-webfont.ttf') format('truetype'),
         url('fonts/lucida-bright-webfont.svg#lucida_brightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'alexandriaflfregular';
    src: url('fonts/alexandriaflf-webfont.eot');
    src: url('fonts/alexandriaflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/alexandriaflf-webfont.woff') format('woff'),
         url('fonts/alexandriaflf-webfont.ttf') format('truetype'),
         url('fonts/alexandriaflf-webfont.svg#alexandriaflfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa_boldregular';
    src: url('fonts/nexa-bold-webfont.eot');
    src: url('fonts/nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nexa-bold-webfont.woff') format('woff'),
         url('fonts/nexa-bold-webfont.ttf') format('truetype'),
         url('fonts/nexa-bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amazone_btregular';
    src: url('fonts/amazone-bt-33359-webfont.eot');
    src: url('fonts/amazone-bt-33359-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/amazone-bt-33359-webfont.woff') format('woff'),
         url('fonts/amazone-bt-33359-webfont.ttf') format('truetype'),
         url('fonts/amazone-bt-33359-webfont.svg#amazone_btregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?35385881');
  src: url('fonts/fontello.eot?35385881#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?35385881') format('woff'),
       url('fonts/fontello.ttf?35385881') format('truetype'),
       url('fonts/fontello.svg?35385881#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}*/