/*

Theme Name:     Whyess Theme
Theme URI:
Description:    Aware child theme
Author:         Phuong Nguyen - Daisy
Author URI:
Template:       aware
Version:        1.0

*/



@import "../aware/style.css";


@font-face {

    font-family: 'proxima_novalight';

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

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

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

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

    url('fonts/proximanova-light-webfont.svg#proxima_novalight') format('svg');

    font-weight: normal;

    font-style: normal;

}

body {
    background: repeat #fff;
}



.container {

    font-family: 'proxima_novalight';

    font-size: 16px;

    color: #000;

}



.mainbody {

    font-size: 16px;

}



.mainbody .intro {

    display: none;

}



.divider.nomargin,

.pagename.columns,

.mobiledetails {

    display: none;

}



.content {

    border-top: none;



}



.portfolio p,

.content p {
    font-size: 13px;

    line-height: 19px;

    font-family: 'Georgia', serif;

    letter-spacing: 1.2px;

    font-style: italic;

    text-align: justify;

}



.portfolio .website {



    padding-bottom: 20px;



}



.website {



    border-bottom: 1px solid #555;



}



.portfolio .website a {



    font-size: 14px;



}



.portfolio .website a:hover {



    text-decoration: underline;



}



.portfolio .entry-details {



    display: none;



}



.portfolio .darkbubble h3.entry-title {



    font-size: 20px;



}



.blogwrap {



    margin-bottom: 0px;



}



.blogpost {
    border: none;
}

.rwd-break { display: block; }

#footer {

    padding: 80px 0px 60px 0px;

    border-style: solid;

    border-width: 10px;

    border-color: #ffffff;

    background-color: #fa5048;

}



/*** Header format ***/



#top_panel {

    display: none;

}



.container.navcontainer {

    padding-top: 70px;

    position: relative;

}



.container.navcontainer .logo  {

    position: absolute;

    left: 0px;

    bottom: 1px;

    width: 300px !important;

    text-align: left;

}



.navcontainer .logo img {

    opacity: 1 !important;

}



.sitecontainer {

    background: none;

    position: relative;

}



.sitecontainer .line-menu {

    border-bottom: 1px solid silver;

    padding-top: 50px;

    position: absolute;

    }



@media only screen and (max-width:767px){
    .sitecontainer .line-menu {
    }

    .sitecontainer .front-page #ajaxinner h1 br {

        display: none;

    }



}



.sitecontainer .navcontainer .nav {

    font-family: 'proxima_novalight';

    font-size: 12px;

    padding-top: 0px;

    width: 100%;

    padding-bottom: 9px;

}



.sitecontainer .navcontainer .nav .sf-menu {



    float: none;



    vertical-align: bottom;



    display: block;



    margin: 0px auto;



    text-align: right;



}



.sitecontainer .navcontainer .nav .sf-menu li.margin-left-14{



    margin-left: 16%;



}



.sitecontainer .navcontainer .nav .sf-menu li.margin-right-14{



    margin-right: 0%;



}



.sitecontainer .navcontainer .nav .sf-menu li {
    margin-left: 4.5%;
    float: none;
    display: inline;
}



.sitecontainer .navcontainer .nav .sf-menu li a {



    font-weight:bold;



    text-transform: uppercase;



    font-size: 11px;



    color: #000000;



    display: inline;



    letter-spacing: 1.5px;



    padding: 2px 3px;



}



.sitecontainer .navcontainer .nav .sf-menu li a:visited {



    color: #231f20;



}



/*** homepage format ***/



.slideshowcontainer ul.filter {



    display: none;



}



.slideshowcontainer .portfolioitem .flexslider {



    height: 100%;



}



.slideshowcontainer .portfolioitem .flexslider .slides img {



    width: 100%;



}



.slideshowcontainer .portfolioitem .flexslider ul.slides,



.slideshowcontainer .portfolioitem .flexslider ul.slides li,



.slideshowcontainer .portfolioitem .flexslider .slides li a {



    background: #fff;



}



.slideshowcontainer .portfolioitem .flexslider ul.slides {



    height: 100%;



}



.slideshowcontainer .portfolioitem .flexslider .thumbnailtitle {

    width: 80%;

    height: 60%;

    color: #000;

    padding-top: 35%;

    padding-left: 10%;

    text-align: center;

    font-size: 16px;

    line-height: 24px;

    font-weight: bold;

    display: block;

}



@media(max-width: 765px) {

    .slideshowcontainer .portfolioitem .flexslider .thumbnailtitle {

        height: 65%;

        padding-top: 35%;

        font-size: 14px;

        line-height: 18px;

    }



.container.navcontainer .logo {

    display: none;

}



}



@media(max-width: 400px) {

    .slideshowcontainer .portfolioitem .flexslider .thumbnailtitle {

        height: 70%;

        padding-top: 30%;

        font-size: 13px;

        line-height: 18px;

    }



}



.slideshowcontainer .portfolioitem .flexslider .thumbnailtitle span {

    color: #676767;

}



.slideshowcontainer .portfolioitem .flexslider .slides li {

    margin-right: 0px !important;

}



.container .columns.portfolioitem {

    width: 32.933333%;

    height: 32.933333%;

    min-height: 32.933333%;

    display: block;

    margin-bottom: 0.6%;

    margin-left: 0.6%;

    margin-right: 0px;

    background: #fff;

}



.container .columns.portfolioitem.item-0 {

    margin-left: 0px;

}



.portfolio-content-view {

    padding: 30px 0px;

}



.portfolio-content-view p {

    font-size: 11px;

    line-height: 16px;

    font-family: 'Georgia', serif;

    font-style: italic;

    letter-spacing: 1px;

}



.portfolio-content-view .col-item {

    float: left;

    width: 30%;

    margin-left: 5%;

}



.portfolio-content-view .col-item.col-0 {

    margin-left: 0px;

    text-align: center;

}



@media(max-width: 765px) {

    .portfolio-content-view .col-item.col-0 {

        padding-bottom: 10px;

    }

}



.portfolio-content-view .col-item .col-title {

    font-family: 'proxima_novalight';

    font-size: 16px;

    font-weight: bold;

    letter-spacing: 1.5px;

    line-height: 22px;

    text-align: center;

    text-transform: uppercase;

}



.portfolio-content-view .col-item h2.portfolio-name {

    font-size: 18px;

}



.portfolio-content-view .col-item .portfolio-website {

    padding-top: 12px;

}



.portfolio-content-view .col-item .portfolio-content,

.portfolio-content-view .col-item .portfolio-more {

    text-align: justify;

}



.content-view-full .contentwrap {

    padding: 20px 0px 0px;

    font-size: 16px;

    line-height: 22px;

}



.content-view-full .contentwrap .one_third {

    width: 30%;

    margin-right: 5%;

}



.content-view-full .contentwrap .one_third.column-last {

    margin-right: 0px;

}



@media only screen and (min-width: 768px) and (max-width: 959px) {



    .sitecontainer .navcontainer .nav .sf-menu li.margin-left-14{

        margin-left: 10%;

    }



    .sitecontainer .navcontainer .nav .sf-menu li.margin-right-14{

        margin-right: 10%;

    }

}



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



    .container.navcontainer {

        padding-top: 0px;

    }

    .portfolio-content-view {

	padding-bottom: 0px;

    }

    .container.navcontainer .sixteen.columns.logo{

        position: relative;

    }

    .sitecontainer .navcontainer .nav .sf-menu li.margin-left-14{

        margin-left: 7%;

    }

    .sitecontainer .navcontainer .nav .sf-menu li.margin-right-14{

        margin-right: 7%;

    }



    .container .columns.portfolioitem {

        width: 49.5%;

        height: 49.5%;

        margin-left: 0px;

        margin-bottom: 5px;

    }



    .container .columns.portfolioitem.right-item {

        float: right;

    }



    .portfolio-content-view .col-item {



        width: 100%;



        margin-left: 0px;



        margin-bottom: 12px;



    }



    .content-view-full .contentwrap .one_third {

        width: 100%;

        margin-right: 0px;

        margin-bottom: 12px;

    }


    #please {
	font-size: 12px;
    }



}

@media only screen and (max-width: 479px) {
	.rwd-break { display: none; }
}

#ajaxcontainer .container .sixteen.columns.ajaxslider,
.container .sixteen.columns.ajaxcontent,
.container .sixteen.columns.content-view-full {
    width: 100%;
    margin: 0 auto;
}

#ajaxcontainer #next-port,
#ajaxcontainer #prev-port {
    top: 260px;
}

#ajaxcontainer a.portfolio-close {
    z-index: 999;
}

#ajaxcontainer .wmuSliderPagination,
.wmuSliderPagination {
    top: auto;
    bottom: 10px;
}

#ajaxouter {
    padding-bottom: 0px;
}

.top {
    bottom: 0px;
}

.wmuSlider span {
    height: 500px;
}

.about-intro-description span {
    height: auto;
    width: auto !important;
    display: inline;
    background-color: #fa5048;
    opacity: 1 !important;
    position: relative !important;
    padding-left: 4px;
    padding-right: 4px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'proxima_novalight';
}

.logo h1 {
    font-size: 14px;
}

.logo p {
    font-size: 10px; 
    float: right;
    padding-top: 3.5px;
    font-family: 'Georgia', serif;
    font-style: italic;
    letter-spacing: 1px;
}

p.homepage {
    font-size: 11px;
    line-height: 16px;
    font-family: 'Georgia', serif;
    font-style: italic;
    letter-spacing: 1px;
}

#please {
	text-align:center;
	color: #ffffff;
	padding-top:14px;
	font-weight:bold;
	padding-bottom:35px;
	font-size:16px;
	font-family: proxima_novalight;
}

#ajaxouter.container{
    width: 100% !important;
    overflow: hidden;
}

#ajaxcontainer .container .sixteen.columns.ajaxslider{
    float: none;
    display: block;
    position: relative;
}

#ajaxcontainer .container .sixteen.columns.ajaxcontent,
#ajaxcontainer .container .sixteen.columns.content-view-full{
    max-width: 960px;
    float: none;
    display: block;
}

.slider-logo img{
    width: 100%;
    height: 100%;
    left: 0px;
    position: relative;
    margin-left: 0px;
}

.slider-logo{
    left: 50%;
    margin-left: -90px;
    position: absolute;
    top: 31%;
    z-index: 3;
    width: 180px;
    height: 180px;
    text-align: center;
}

.social-view {
    font-family: 'proxima_novalight';
    font-size: 16px;
    text-align: center;
}

#footer .social-view a, #footer h1, #footer a {
    color: #fff;
}

#footer h1 {
    font-size: 21px;
    line-height: 28px;
}



.social-view .title {

    font-family: 'Georgia',serif;

    font-style: italic;

    font-size: 12px;

    color: #ffffff;

}



.social-view .socials {

    text-transform: uppercase;

    font-weight: bold;

}



.social-view .socials a {

    padding-top: 70px;

    display: inline-block;

    margin: 0px 10px;

    color: #fa5048 !important;

}



.social-view .socials .social.instagram a {

    background: url("images/instagram.png") no-repeat center 0px;

}



.social-view .socials .social.tumblr a {

    background: url("images/tumblr.png") no-repeat center 0px;

}



.social-view .socials .social.twitter a {

    background: url("images/twitter.png") no-repeat center 0px;

}



.social-view .socials .social.facebook a {

    background: url("images/facebook.png") no-repeat center 0px;

}



.social-view .socials .social.pinterest a {

    background: url("images/pinterest.png") no-repeat center 0px;

}



@media(max-width: 767px) {

    .social-view .socials .social a {

        margin: 0px 2px;

    }



    .slideshowcontainer .portfolioitem .flexslider .thumbnailtitle {

        display: none !important;

    }



    .slider-logo {

	left: 50%;

	margin-left: -60px;

	width: 120px;

	height: 120px;

	text-align: center;

	top: 30%;

    }



    .wmuSlider span {

    height: 300px;

    }



    .container {

        width: 90% !important;

    }



    .container .sixteen.columns {

        width: 100% !important;

    }



    .slideshowcontainer {



        padding-bottom: 30px;



        padding-top: 30px;



    }



    #footer {

        padding: 40px 0px 10px 0px;

    }



    .portfolio-des {



 	display: none;



    }



    .portfolio-content-view .col-item .portfolio-website {

	padding-top: 0px;



    }



    #footer h1 {

	width: 80%;

	margin: auto;

	font-size: 13px;

	line-height: 16px;

    }



}



@media(max-width:960px) {



    .portfolio-content-view {

        max-width: 90% !important;

    }



    .content-about-page .about-main-intro .featured-image img{

	width: 250px !important;

    }



}



.page-template-template-about-php .slider-logo {

    width: 120px;

    height: 120px;

    left: 50%;

    margin-left: -60px;

    position: absolute;

    top: auto;

    bottom: 50%;

}



.page-template-template-about-php .about-intro-description {

    font-family: proxima_novalight;

    width: 100%;

    position: absolute;

    top: 55%;

    z-index: 9;

    font-size: 20px;

    color: #fff;

    text-transform: uppercase;

}



.page-template-template-about-php .about-intro-description .about-intro-wrapper p {

    font-family: proxima_novalight;

    text-align: center;

    font-size: 17px;

    letter-spacing: 0x;

    font-style: normal;

    font-weight: bold;

    line-height: 23px;

    color: #fff;

}



.content-about-page {

    position: relative;

}



.content-about-page .about-main-content {

    padding: 40px 0px 70px;

}



.content-about-page .about-main-content .item {

    float: left;

    width: 22%;

    margin-left: 4%;

}



.content-about-page .about-main-content .item.item-1 {

    margin-left: 0px;

}



.content-about-page .about-main-content .item .featured-image {

    padding-bottom: 12px;

    height: 75px;

}



.content-about-page .about-main-intro .featured-image img {

    width: 280px;

}



.content-about-page .about-main-content .item h3.major {

    font-family: proxima_novalight;

    font-size: 14px;

    line-height: 18px;

    font-weight: bold;

    text-transform: uppercase;

    height: 36px;

    margin-bottom: 0px;

}



.content-about-page .about-main-content .item .detail {

    font-family: 'Georgia',serif;

    font-style: italic;

    font-size: 12px;

    letter-spacing: 1px;

    text-align: justify;

    line-height: 18px;

}



.content-about-page .about-main-intro {

    background-color: #f0f0f0;

    padding: 40px 0px;

}



.content-about-page .about-main-intro .featured-image {

    width: 30%;

    float: left;

}



.content-about-page .about-main-intro .about-intro {

    float: left;

    width: 28%;

    margin-left: 6%;

    font-family: 'Georgia',serif;

    font-style: italic;

    font-size: 12px;

    letter-spacing: 1px;

    text-align: justify;

    line-height: 24px;

}



.content-about-page .about-main-intro .accolades-view {



    float: right;



    width: 32%;



}



.content-about-page .about-main-intro .accolades-view h3 {



    font-family: proxima_novalight;



    font-size: 14px;



    line-height: 18px;



    font-weight: bold;



    text-transform: uppercase;



    margin-bottom: 15px;



}



.content-about-page .about-main-intro .accolades-view p {



    margin-bottom: 2px;



    font-size: 11px;



}







@media(max-width: 767px) {



    .page-template-template-about-php .about-intro-description {



        display: none;



    }



    .page-template-template-about-php .about-intro-description .about-intro-wrapper p {



        color: #000;



    }



    .content-about-page .about-main-content {



        padding: 20px 0px;



    }



    .content-about-page .about-main-content .item {



        float: none;



        width: 100%;



        margin-left: 0px;



        padding-bottom: 16px;



    }



    .content-about-page .about-main-intro {



        padding: 20px 0px;



    }



    .content-about-page .about-main-intro .featured-image {



        float: none;



        width: 100%;



        text-align: center;



    }



    .content-about-page .about-main-intro .about-intro,



    .content-about-page .about-main-intro .accolades-view {



        float: none;



        width: 100%;



    }



    .content-about-page .about-main-intro .accolades-view {



        padding-top: 16px;



    }







}







#ajaxcontainer,



.ajaxslider {



    height: auto;



}



.page-id-172 .slider-logo{

	display: none !important;

}

.wmuSliderContainer{
	position: relative;
}