
/*==========================================================================================
	
This file contains styles related to the colour scheme of the theme

==========================================================================================*/



body{ font-size:16px;
font-family: "Droid Serif", "Times New Roman", serif;
color:#707070;
background:#ffffff;
}

#main{background:#ffffff;}

a{color:#ff6666;text-decoration:none;}
a:hover{color:#ff6666;
text-decoration:underline;
}

h1,h2,h3,h4,h5{font-family: "Droid Serif", "Times New Roman", serif;
	line-height:1.2;}
	p {font-size:16px;
		line-height:1.5;
		margin: 0 0 24px 0;}

	h1 {font-size:72px;}
	h2 {font-size:54px;}
	h3 {font-size:48px;}
	h4 {font-size:32px;}
	h5 {font-size:24px;}
	h6{font-size:16px;}

.page-head{color: #ffffff;background-color:#ff6666;}
.page-title:after{ background-color: #ffffff;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;}

#header-bar{background:#272D34;
color:#999999;}

.header-phone .fa-circle, .header-email .fa-circle{color:#ff6666;}
.header-phone .fa-phone, .header-email .fa-envelope{color:#272D34;}

.menu-nav li a{color:#999999;}
.menu-nav li a:hover, .menu-nav li a:focus, .menu-nav li.current_page_item .sub-menu li a:hover{color:#ff6666;}
.menu-nav li.current_page_item > a, .menu-nav li.current_page_item a:focus, .menu-nav li.current_page_ancestor > a{color:#ff6666;
border:1px solid #ff6666;}

.menu-nav ul {background:#272D34;
border-top:5px solid #ff6666;}

.sub-menu li.current_page_item > a{color:#ff6666;
border:none;}

.navbar-toggle{border:2px solid #ff6666;}
.navbar-toggle .icon-bar{background:#ff6666;}

.flex-caption{color:#ffffff;}

.flex-caption h4:before{ background-color: #ffffff;
    top: 0px;
    content: "";
    height: 1px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;}
    
.flex-control-nav li a {background:none;
	border:1px solid #ff6666;
    }    
    
.flex-control-nav li a.flex-active,
.flex-control-nav li a:hover {
	background: #ff6666;
}
    
.intro-msg{color:#404040;}
.intro-big-italic{color:#ff6666;}

.section-title{border-bottom:1px solid #c5c5c5;
color:#ff6666;}
.section-title:before, .blog-post:before{ background-color: #ff6666;
    bottom: -3px;
    content: "";
    height: 5px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;}

.single-subtitle{color:#ff6666;}

.practice-item{border:5px solid #ff6666;}
.practice-icon, .circle-icon{color:#ff6666;}

.practice-title, .circle-title, .small-title, .lawyer-title, .testimonial-client strong{color:#404040;}
.practice-item:hover, .circle-icon:hover{background:#ff6666;}
.practice-item:hover .practice-icon, .practice-item:hover .practice-title, .circle-icon:hover{color:#ffffff;}


.modal-header{border:none;min-height:0px;}
.modal-body{padding-top:0;}

.modal-content{background:#ff6666;
color:#404040;}

.practice-single-title{color:#ffffff;
border-bottom: 1px solid #ffffff;
margin-bottom:24px;}

.practice-single-subtitle{color:#ffffff}

.view-more a{border:3px solid #ff6666;
background:#ff6666;
color:#ffffff;}

.view-more a:hover{color:#ff6666;}

.lawyer-title:before{background-color: #c5c5c5;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 50%;
	margin-left:-25px;
    position: absolute;
    width: 50px;}
.lawyer-social li a{border:3px solid #ff6666;
color:#ff6666;}
.lawyer-social li a:hover{background:#ff6666;
color:#ffffff;}

.lawyer{border-bottom:1px solid #c5c5c5;}
.lawyer:after{background-color: #ff6666;
    bottom: -3px;
    content: "";
    height: 5px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;}
.lawyer-bio h3{color:#404040;}

.about-section{border-bottom:1px solid #c5c5c5;}
.about-section:after{background-color: #ff6666;
    bottom: -3px;
    content: "";
    height: 5px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;}
.about-title h3{color:#404040;}
.circle-icon{border:5px solid #ff6666;}

.gal-btn{border:3px solid #ffffff;
color:#ffffff;}

.faq-title{border-bottom:1px solid #c5c5c5;}
.faq-title a{color:#404040;}
.faq-title a:hover, .active a{color:#ff6666;}


.case{border-bottom:1px solid #c5c5c5;}
.case:after{background-color: #ff6666;
    bottom: -3px;
    content: "";
    height: 5px;
    left: 50%;
	margin-left:-50px;
    position: absolute;
    width: 100px;}
.case-2col-title, .case-1col-title{color:#404040;}
.case-verdict{color:#ffffff;
border:3px solid #ffffff;}

.blog-post{border-bottom:1px solid #c5c5c5;}
.blog-title, .practice-single-page-title{color:#404040;}
.blog-title a, .articles-title a{color:#404040;}
.blog-title a:hover, .articles-title a:hover{color:#ff6666;}
.blog-date li i{color:#ff6666;}
.blog-date li, .blog-date li a{color:#c5c5c5;}
.blog-date li a:hover{color:#ff6666;}
.blog-button a{border:3px solid #ff6666;
color:#ff6666;}
.blog-button a:hover{background:#ff6666;
color:#ffffff;}

.widgettitle, .single-page-tags{color:#404040;}
.widget_categories ul li a, .widget_archive ul li a, .widget_recent_entries ul li a{color:#707070;}
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_recent_entries ul li a:hover{color:#ff6666;}
.widget_categories ul li:before, .widget_archive ul li:before, .widget_recent_entries ul li:before{font-family: FontAwesome;
	content: "\f105";
    display: inline-block;
    padding-right: 8px;
	color:#ff6666;}
.widget_tag_cloud a, .tagcloud a{border:3px solid #ff6666;
background:#ff6666;
color:#ffffff;}
.widget_tag_cloud a:hover, .tagcloud a:hover{color:#ff6666;
background:none;
text-decoration:none;}

#search-string{border:3px solid #c5c5c5;}

.comm-title{border-top:1px solid #c5c5c5;}
.comment-right{border:1px solid #c5c5c5;}
.comment-author cite, .comment-author .author a:link{color:#404040;}
.comment-date {color:#c5c5c5;}
.comment-avatar img{border:3px solid #ff6666;}
.comment-reply-link:before{font-family: FontAwesome;
	content: "\f112";
    display: inline-block;
    padding-right: 8px;
	color:#ff6666;}



.contact-right ul li span{color:#ff6666;}

#footer-var1, #footer-var2{background:#272D34;
color:#ffffff;}

.foo-block .widgettitle{color:#ffffff}

.contact-field, #msg-evaluation{color: #ffffff;
background:#404a55;}

.comm-field, #msg-contact{border:1px solid #e5e5e5;
background:#f2f2f2;
color:#707070;}

#contact-form-holder label{color:#404040;}

#submit-evaluation, #submit-contact, #submit{border:3px solid #ff6666;
color:#ff6666;}

#submit-evaluation:hover, #submit-contact:hover, #submit:hover{background:#ff6666;
color:#ffffff;}

.footer-social li a{color:#ffffff;}
.footer-social li a:hover{color:#ff6666;}

.foo-copyright{color:#707070;}

.output2{border:1px solid #ff6666;
color:#ff6666;}

.page-numbers, .page-numbers:hover{ border: 3px solid #ff6666;
color:#ff6666;} 
.page-numbers:hover, .current, .current:hover{color:#ffffff;
background:#ff6666;
border: 3px solid #ff6666;}

.no-page-title h1{color: #c5c5c5;margin-bottom:32px;
font-size:180px;}

.scrollup i {color: #ff6666;
background:#272D34;}

::-webkit-input-placeholder { /* WebKit browsers */

    opacity: 0.7;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    opacity: 0.7;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */

    opacity: 0.7;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */

    opacity: 0.7;
}

.the-price
{
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

.the-price h1
{
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.subscript
{
    font-size: 25px;
}

/* CSS-only ribbon styles    */
.cnrflash
{
    /*Position correctly within container*/
    position: absolute;
    top: -9px;
    right: 4px;
    z-index: 1; /*Set overflow to hidden, to mask inner square*/
    overflow: hidden; /*Set size and add subtle rounding  		to soften edges*/
    width: 100px;
    height: 100px;
    border-radius: 3px 5px 3px 0;
}
.cnrflash-inner
{
    /*Set position, make larger then 			container and rotate 45 degrees*/
    position: absolute;
    bottom: 0;
    right: 0;
    width: 145px;
    height: 145px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -o-transform: rotate(45deg); /* Opera */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari and Chrome */
    -webkit-transform-origin: 100% 100%; /*Purely decorative effects to add texture and stuff*/ /* Safari and Chrome */
    -ms-transform-origin: 100% 100%;  /* IE 9 */
    -o-transform-origin: 100% 100%; /* Opera */
    -moz-transform-origin: 100% 100%; /* Firefox */
    background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.1) 50%), linear-gradient(0deg, transparent 0%, rgba(1,1,1,.2) 50%);
    background-size: 4px,auto, auto,auto;
    background-color: #aa0101;
    box-shadow: 0 3px 3px 0 rgba(1,1,1,.5), 0 1px 0 0 rgba(1,1,1,.5), inset 0 -1px 8px 0 rgba(255,255,255,.3), inset 0 -1px 0 0 rgba(255,255,255,.2);
}
.cnrflash-inner:before, .cnrflash-inner:after
{
    /*Use the border triangle trick to make  				it look like the ribbon wraps round it&#039;s 				container*/
    content: &quot; &quot;;
    display: block;
    position: absolute;
    bottom: -16px;
    width: 0;
    height: 0;
    border: 8px solid #800000;
}
.cnrflash-inner:before
{
    left: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.cnrflash-inner:after
{
    right: 0;
    border-bottom-color: transparent;
    border-left-color: transparent;
}
.cnrflash-label
{
    /*Make the label look nice*/
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(1,1,1,.8);
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 767px) {

.menu-nav ul {border:none;}
.navbar-collapse{background:#272D34;}

}