/*
Theme Name: Vertical - A Child Theme for Divi
Template: Divi
Author: The Design Space Co
Version: 1.0
Updated: 2014-09-12 21:26:39
*/

@charset "UTF-8";
@import url('../Divi/style.css');

/*CUSTOM CSS FOR VERTICAL BY THE DESIGN SPACE CO*/

/*FONTS (all Google Fonts) ----------------------------*/

h1 {
    font-size: 28px;
    font-family: Lato;
    letter-spacing: 4px;
}

h3 {
    font-size: 18px;
    font-family: Lato;
    letter-spacing: 8px;
}

h4 {
    font-size: 22px;
    font-family: Lato;
    letter-spacing: 8px;
}

h5 {
    font-size: 28px;
    font-family: Lato;
    letter-spacing: 8px;
    border: solid 1px;
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
}
/* Smartphones remove border (portrait iPhone5) ----------- */

@media only screen and (orientation:portrait) and (max-device-width: 320px) {
h5 {
    border: none;
    display: block;
    padding-left: 0px;
}
}

h6 {
    font-size: 40px;
    font-family: Times;
}

/*COLOUR OF LINKS WHEN HOVERED*/
a:hover {
    color:#b5af86;
}

/*DROPCAP STYLING IF PLUGIN INSTALLED*/
span.dropcap {
    color: #000000 !important;
    font-family: "Times New Roman","Trebuchet MS","Lucida Grande";
    font-size: 3.3em !important;
    line-height: 0.4em;
    padding: 0.35em 0.08em 0 0 !important;
}

/*MENU ---------------------------------------------*/

/*TOP MENU FONT*/
#main-header {
    font-family: Lato;
    font-weight: 500;
    letter-spacing: 2px;
}

/*TOP MENU HOVER COLOUR*/
#top-menu a:hover {
    color: #b5af86 !important;
}
 
/* TOP MENU LINK COLOUR ON SMARTPHONES (portrait and landscape) */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#main-header a {
    color: #fff !important;
}
}

/*REDUCE COLUMN PADDING*/
.et_pb_column {
    padding-bottom: 0;
}

/*TOPSLIDER HOME PAGE ---------------------------------------------*/

/*HEIGHT OF TOPSLIDER - SMARTPHONES*/

#topslide .et_pb_slide_description {    
    height: 650px !important;
    padding: 0 !important;
}

/* Smartphones (landscape iPhone5) ----------- */
@media screen and (max-width: 568px) and (orientation: landscape) {
#topslide .et_pb_slide_description {  
    max-height: 370px !important;
    padding: 0 !important;
}
}

/* Smartphones (portrait iPhone5) ----------- */

@media only screen and (orientation:portrait) and (max-device-width: 320px) {
.et_pb_slider .et_pb_slide{    
    max-height: 230px !important;
    padding: 0 !important;
}
}


/*BOXES ON HOME PAGE ----------------------------------------------*/
.et_pb_promo_description {
    padding: 20px;
    padding: 20px;
    border: solid 1px !important;
}

/*HIDE IMAGE NAMES IN GALLERIES -----------------------------------*/
.mfp-title {
    display: none;
}
.mfp-counter {
    display: none;
}

/*TESTIMONIALS -----------------------------------*/
.et_pb_testimonial:before {
    background: none repeat scroll 0 0 #000;
    font-size: 52px;
    top: -36px;
    margin-left: -26px;
}
.et_pb_testimonial_author {
    font-family: Lato;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 0;
}
.et_pb_testimonial_portrait, .et_pb_testimonial_portrait:before {
    border-radius: 0;
    height: 260px;
    width: 260px !important;
}

/* Smartphones Size of Image (landscape iPhone5) ----------- */
@media screen and (max-width: 568px) and (orientation: landscape) {
.et_pb_testimonial_portrait, .et_pb_testimonial_portrait:before {
    border-radius: 0;
    height: 300px;
    width: 320px !important;
}
}

/* Smartphones Size of Image (portrait iPhone5) ----------- */

@media only screen and (orientation:portrait) and (max-device-width: 320px) {
.et_pb_testimonial_portrait, .et_pb_testimonial_portrait:before {
    border-radius: 0;
    height: 210px;
    width: 210px !important;
}
}

/*BLOG ------------------------------------------------------------*/

/*BLOG GRID BORDER*/
.et_pb_blog_grid .et_pb_post {
    border: 1px solid #000000;
}
/*HIDE BLOG GRID BORDER Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
.et_pb_blog_grid .et_pb_post {
    border: 0px solid #000000;
}
}

/*BLOG SIDEBAR TEXT COLOUR*/
.et_pb_bg_layout_light .et_pb_widget li a {
    color: #000 !important;
}

/*BLOG POST TITLE LETTERSPACING*/
.et_pb_post h2 a, .et_pb_portfolio_item h3 a {
    letter-spacing: 2px;
}

/*BLOG READ MORE LINK*/
.more-link {
    font-family: Lato;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #b5af86;
}

/*PLACE UNDERLINE UNDER SIDEBAR TITLES*/
.widgettitle {
    border-bottom: 1px solid;
    margin-bottom: 15px !important;
}

/*STYLE SIDEBAR SEARCH BOX*/
.widget_search #s {
    background: #000 !important;
    border-radius: 0 !important;
    color: #fff !important;
    border:0px !important;
    font-style: italic !important;
}


/*STYLE SIDEBAR SEARCH BUTTON*/
.widget_search #searchsubmit {
    background-color: #fff !important;
    border: 1px solid !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: Lato !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
}

/*STYLE POST META DATA*/
.et_pb_bg_layout_light .et_pb_post .post-meta, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta, .et_pb_bg_layout_light .et_pb_post .post-meta a, .et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a, .et_pb_bg_layout_light .et_pb_post p {
    color: #b5af86;
    font-style: italic;
}

/*HIDE FORM ALLOWED TAGS ON POSTS*/
.form-allowed-tags {
    display: none;
}

/*STYLE COMMENT HEADER*/
.comment-reply-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    border: solid 1px #000;
    padding: 10px;
    display: inline-block;
}

/*COMMENT AREA FONT COLOUR AND SIZE*/
#commentform textarea, #commentform input[type="text"] {
    background-color: #eee;
    color: #000;
    font-size: 16px;
}


/*BLOG NUMBER COUNTER --------------------------------------------*/

/*BLOG NUMBER COUNTER FONT*/
.et_pb_number_counter .percent p {
    font-family: Times New Roman !important;
}

/*HIDE BLOG COUNTERS ON SMARTPHONES*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#counters {
    display: none !important;
}
}
/*HIDE BLOG HEADER ON SMARTPHONES*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#blogheader {
    display: none !important;
}
}

/*CONTACT FORM -------------------------------------------------*/
.et_pb_contact p input, .et_pb_contact p textarea {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #fff !important;
    color: #fff !important;
    font-size: 14px;
    font-style: italic;
}
.et_pb_contact_submit {
    border: solid 1px #fff !important;
    text-transform: uppercase;
    font-family: Lato;
    letter-spacing: 2px;
}

/*CONTACT SOCIAL MEDIA ICONS HOVER COLOUR*/

.et_pb_social_media_follow li a.icon:hover:before {
color: #cec792;
}


/*FOOTER -------------------------------------------------------*/

/*SOCIAL ICONS COLOUR*/
.et-social-icons a {
    color: #fff;
}

/*SOCIAL ICONS HOVER COLOUR*/
.et-social-icons a:hover {
    color: #b5af86 !important;
}

/*SOCIAL ICONS SIZE*/
.et-social-icon a {
    font-size: 20px;
}

/*FOOTER TEXT COLOUR*/
#footer-info {
    color: #fff;
    font-style: italic;
}

/*FOOTER LINK COLOUR*/
#footer-info a {
    color: #cec792;
    font-family: Lato;
    font-style: normal;
    letter-spacing: 2px;
}

/*FOOTER LINK COLOUR WHEN HOVERED*/
#footer-info a:hover {
    color: #fff;
}


/*END OF CUSTOM CSS FOR VERTICAL BY THE DESIGN SPACE CO*/