/*  
Skin Name:Ultra Lawyer
Version:1.0
Demo URI:https://themify.org/ultra-lawyer/
Required Plugins:builder-contact, builder-maps-pro 
*/

/************************************************************************************
GENERAL
*************************************************************************************/
:root{
	--theme_accent:#186bb1;
	--theme_accent_semi:rgba(24, 107, 177, .8)
}
body{
    font:1em/1.625em 'Public Sans',Arial,sans-serif;
    color:#606060
}
a:hover,
.post-nav a:hover > span,
.post-title a:hover{
    color:#1b78c7
}

/* form elements */
input:read-write,input:read-only,input[type=radio],input[type=checkbox],select,textarea{
    color:#707070;
    border-color:#d7d5d5;
	border-radius:0
}
input[type=radio]{
	border-radius:50em
}
input[type=reset], input[type=submit], button{
    font:700 1em 'Public Sans',Arial,sans-serif;
    text-transform:uppercase;
    text-align:center;
    border-radius:0;
    padding:.7em 1.8em
}

/************************************************************************************
HEADING
*************************************************************************************/
h1,h2,h3,h4,h5,h6{
    font-weight:700;
    letter-spacing:0;
    text-transform:none;
    margin-bottom:.5em;
    color:#000
}
h1{
    font:700 5em/1.2em 'Cormorant Garamond',serif;
    letter-spacing:-.04em
}
h2{
    font:700 3.75em/1.2em 'Cormorant Garamond',serif;
    letter-spacing:-.04em
}
h3{
    font:600 1.875em/1.5em 'Cormorant Garamond',serif;
    letter-spacing:-.04em
}
h4{
    font:700 1.75em /1.2em 'Cormorant Garamond',serif
}
h5{
    font:600 1.5em /1.2em 'Cormorant Garamond',serif;
    color:#303030
}
/************************************************************************************
HEADER
*************************************************************************************/
#headerwrap{
    background-color:#fff
}
#site-description{
    color:#4493d6;
    font-size:.875em;
    letter-spacing:.05em;    
    text-align:center;
    text-transform:uppercase
}
.header-top-widgets #site-description{
    margin:5px 1.2em 5px 0;
    opacity:1
}
.header-widget-full{
    background:#082845;
    color:#fff
}
.header-widget-full a{
    color:#fff
}
.header-widget-full a:hover{
    color:#a9d7ff
}
.header-widget-full .col4-2:last-child .widget{
    text-align:right
}

/* MAIN NAVIGATION
================================================ */
#main-nav a{
    font:1em/1.5em 'Public Sans',Arial,sans-serif
}
.navbar-wrapper + p{
    margin-bottom:0
}

/* HEADER OVERLAY 
================================================ */
.header-overlay.mobile-menu-visible #headerwrap{
    background-color:rgba(24, 107, 177, .94)
}
.header-overlay #headerwrap .sidemenu-on #main-nav a:hover,
.header-overlay #headerwrap .sidemenu-on #main-nav ul a:hover,
.header-overlay #headerwrap .sidemenu-on #main-nav .current_page_item > a,
.header-overlay #headerwrap .sidemenu-on #main-nav .current-menu-item > a{
    color:#000
}

/* HEADER STRIPE
================================================ */
.header-stripe #site-logo{
    background-color:var(--theme_accent)
}

/************************************************************************************
BUILDER
*************************************************************************************/
/* Button Module */
.ui.builder_button{
    text-transform:uppercase
}
.module-buttons.xlarge a{
    padding:.625em 1.875em .725em;
    letter-spacing:.05em
}
.module-buttons.xlarge span{
    font-size:1em
}
.module-buttons.large a{
    padding:.825em 1.25em
}
.module.module-buttons a.blue.builder_button{
    background:var(--theme_accent);
    border-color:var(--theme_accent)
}

/* Accordion Module */
.ui.module-accordion > li{
    border-bottom:2px solid rgba(255, 255, 255, .02)
}
.ui.module-accordion .accordion-title{
    font:400 1.875em 'Cormorant Garamond',serif;
    padding-left:1.5em
}
.module-accordion .accordion-content{
    padding:.5em 1em .5em 3em
}
.module-accordion .accordion-title i{
    position:absolute;
    left:0;
    top:17px
}

/* Post Module */
.post-date{
    font:italic 1.125em 'Cormorant Garamond',serif;
    text-transform:none
}
.loops-wrapper .post{
    text-align:left
}
.post-title{
    font:700 3em/1.2em 'Cormorant Garamond',serif
}
.project-date, .project-client,
.project-services, .project-view{
    color:var(--theme_accent)
}

/* Testimonial Slider */
.module-testimonial-slider .testimonial-title{
	color:#fff
}
.testimonial-title{
    background:var(--theme_accent);
    color:#fff;
    font-size:2.25em;
    line-height:1.1;
    letter-spacing:-.02em;
    margin:0 auto;
    padding:.7em 4% .5em 2.5em;
    position:relative;
    text-align:left;
    width:70%;
    box-sizing:border-box
}
.testimonial-title:before{
    content:"\201C";
    color:#fff;
    font-size:86px;
    left:48px;
    line-height:10px;
    position:absolute;
    top:55px
}
.testimonial-entry-content{
    background:var(--theme_accent);
    color:#fff;
    display:block;    
    margin:0 auto 2.2em;
    padding:0 4% .5em;
    position:relative;
    text-align:left;
    width:70%;
    box-sizing:border-box    
}
.testimonial-entry-content p{
    font:italic 1.275em/1.375em 'Cormorant Garamond',serif
}
.testimonial-entry-content:after{
    content:"";
    width:0; 
    height:0; 
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:13px solid var(--theme_accent);
    position:absolute;
    bottom:-12px;
    left:50%;
    transform:translateX(-50%)
}
.testimonial-author{
    margin-top:.5em
}
.testimonial-author .person-name{
    color:#000;
    font:700 1.75em/1.75em 'Cormorant Garamond',serif
}
.testimonial-author .person-company{
    font:italic 1.125em/1.5em 'Cormorant Garamond',serif
}
.testimonials.themify_builder_slider_vertical .carousel-prev,
.testimonials.themify_builder_slider_vertical .carousel-next{
    background:0;
    border-radius:0;
    color:var(--theme_accent);
    font-size:3em;
    width:auto;
    height:auto;
	padding:0 12px;
	overflow:visible;
}
.testimonials .carousel-nav-wrap .carousel-prev::before,
.testimonials .carousel-nav-wrap .carousel-next::before{
    width:1em;
    height:1em;
	border-width:4px
}
.testimonials .carousel-pager a::before{
    background:#ddd;
    content:"";
    opacity:1;
    width:45px;
    height:3px 
}
.testimonials .carousel-pager a.selected::before{
    content:"";
    background:var(--theme_accent)
}

/************************************************************************************
FOOTER
*************************************************************************************/
#footerwrap{
    background-color:#f1f5f9;
    border-top:none
}
#footer .social-widget a{
    color:var(--theme_accent)
}
#footer .social-widget a:hover{
    color:#057adc
}
#footer .social-widget{
    padding-bottom:0
}
#footer .social-links li{
    margin:0 1px 0 0
}
.footer-text{
    font:1em/1.625em 'Cormorant Garamond',serif
}
.widgettitle{
    font:700 1.875em/1.45em 'Cormorant Garamond',serif;
    text-transform:none;
    letter-spacing:0;
    margin:0 0 .5em
}
.widget .feature-posts-list .feature-posts-title{
    color:#000;
    font:600 1.125em/1.175em 'Cormorant Garamond',serif
}
#footer .textwidget{
    color:#707070
}
.textwidget .shortcode.map .map-container{
    border:0
}
.footer-left-col #footer .widget, .footer-right-col #footer .widget{
    margin:0 0 1em
}
/* Pull down */
.pull-down{
    color:var(--theme_accent)
}
.pull-down:hover{
    color:#52aefb
}

/* Single Page */
.single .post-meta, .single .post-title{
    text-align:left
}
.post-nav a{
    font:700 1.3em/1em 'Cormorant Garamond',serif
}
.related-posts .related-title,
.comment-title, .comment-reply-title{
    font-weight:700
}
.post-nav .prev{
    padding-left:3.5em
}
.post-nav .next{
     padding-right:3.5em
}
.post-nav .next .arrow:after, .post-nav .prev .arrow:after,
.post-nav .next .arrow:before, .post-nav .prev .arrow:before{
	border-width:2px
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media(max-width:680px){
    h1{
        font-size:3.75em
    }
    h2{
        font-size:3.125em
    }
    h3{
        font-size:1.65em
    }
    textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week]{
        margin-right:0;
        max-width:100%
    }
    .header-widget-full .header-widget-inner .col4-2{
        margin-left:0;
        max-width:100%;
        width:100%;
        padding-left:1em
    }
    .header-widget-full .header-widget-inner .col4-2:last-child .widget{
        text-align:left
    }
    .ui.module-accordion .accordion-title{
        font-size:1.65em
    }
    .footer-widgets .col3-1{
        width:100%;
        margin:0
    }
    .testimonial-title{
        font:2em/1.1em 'Cormorant Garamond',serif;
        padding:.7em 1em .5em;
        width:100%
    }
    .testimonial-title::before{
        font-size:70px;
        left:6px;
        top:42px
    }
    .testimonial-entry-content{
        padding:0 1em .5em 2.1em;
        width:100%
    }
    .testimonials.themify_builder_slider_vertical .carousel-prev,
    .testimonials.themify_builder_slider_vertical .carousel-next{
        color:#000;
        opacity:.7
    }
    .post-title{
        font-size:2em
    }
    .loops-wrapper.list-post .has-post-thumbnail .post-date-wrap, .single .has-post-thumbnail .post-date-wrap,
    .loops-wrapper.list-post .post-date-wrap, .single .post-content .post-date-wrap, 
    .loops-wrapper.list-post .post-date, .single .post-content .post-date{
        margin-top:0;
        width:auto;
        height:auto
    }
	.testimonials.themify_builder_slider_vertical .carousel-prev,
	.testimonials.themify_builder_slider_vertical .carousel-next{
		font-size:1.6em;
		top:auto;
		bottom:23%
	}
}