/*
 Theme Name:   SRIP Law Dark
 Theme URI:
 Description:  Custom theme for sriplaw.com based on Divi
 Author:       Rockel Design
 Author URI:   http://www.rockeldesign.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/* fixes for crappy divi styling */
body.et_divi_theme { color: #333; font-size: 16px; line-height: 1.5em; }
.et_divi_theme p { padding-bottom: 30px; }
.et_divi_theme p:empty { display: none; }
.et_divi_theme h1 { line-height: 1.1em; }
.et_divi_theme h2 { line-height: 1.2em; }
.et_divi_theme h3 { line-height: 1.3em; }
.et_divi_theme h4 { line-height: 1.4em; }
.et_divi_theme h5, .et_divi_theme h6 { line-height: 1.5em; }

.et_divi_theme a:hover { /*text-decoration: underline;*/ }
.et_divi_theme a:active, .et_divi_theme a:focus { outline: 0; }

.et_divi_theme img.alignright { margin: 5px 0 10px 20px; }
.et_divi_theme img.alignleft { margin: 5px 20px 10px 0; }
.et_divi_theme img.aligncenter { margin: 10px auto; }

.et_divi_theme .wp-caption { border: none; padding: 10px; background-color: #ddd; }
.et_divi_theme .wp-caption .wp-caption-text { font-size: 12px; line-height: 1.5; text-align: center; padding: 2px 0 0; }
.et_divi_theme .wp-caption.alignright { margin: 5px 0 10px 10px; }
.et_divi_theme .wp-caption.alignleft { margin: 5px 10px 10px 0; }

.et_divi_theme hr { background-color: #ddd; border: 0; clear: both; height: 1px; margin: 0 0 30px; }

/*fix header jump*/
@media all and (min-width: 980px) {
  .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container { padding-top: 154px; }
}

/* header gradient */
#main-header { background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 35%, rgba(0,0,0,0.6026610473290879) 70%, rgba(0,0,0,0) 100%); }

/* nav menu */
#top-menu li > a { color: #fff; text-transform: uppercase; border-bottom: 1px solid rgba(0,0,0,0); padding-bottom: 5px!important; }
#top-menu li > a:hover { color: #fff; border-bottom: 1px solid #fff; }
#top-menu li.current-menu-item > a { color: #f5821f!important; border-bottom: 1px solid #f5821f; }
#top-menu li { padding-bottom: 70px; }
#top-menu-nav > ul > li > a:hover { opacity: 1; }
#top-menu li.current-menu-ancestor > a { color: #fff!important; }
#top-menu li.current-menu-item > a { border-bottom: none; }

/* top menu */
.et_fixed_nav #main-header { top: 0!important; }
.et_fixed_nav #top-header { top: 15px; font-size: 18px }
#top-header #et-info { float: right; }
#et-info-email::before { margin-right: 9px; }
#et-info-phone::before { margin-right: 6px; }
#et_search_icon { color: #fff!important; }
#et_search_icon:hover { color: #f5821f!important; }
span.et_close_search_field:after { color: #fff!important; }
.et-search-form input { color: #fff!important; }
@media all and (max-width: 1200px) {
	.container { width: 90%; }
	.et_pb_row { width: 90%; }
	#top-menu li { padding-right: 10px; }
}
@media all and (max-width: 980px) {
	#top-header #et-info { padding-top: 13px; }
	#top-header .container { width: 100%; padding-left: 5%; }
	.et_fixed_nav #top-header { right: 12%; }
	#main-header #mobile_menu.et_mobile_menu { background-color: rgba(0,0,0,.8); border: none; }
	#mobile_menu.et_mobile_menu li a { border: none; color: #fff; }
	#et_search_icon { display:none; }
}
@media all and (max-width: 700px) {
	.et_fixed_nav #top-header { top: 16px; font-size: 14px }
	#top-header #et-info { padding-top: 15px; }
}
@media all and (max-width: 550px) {
	#et-info-email { display: none; }
	/*#et-info { text-align: right; }
	#et-info a { display: block; padding: 3px 0;}
	#et-info-phone { margin-right: 0; }
	.et_fixed_nav #top-header { top: 6px; }*/
}

/* fullwidth slider */
#fixit h2.et_pb_slide_title { font-size: 5vw!important; line-height: 5vw; }
#fixit .et_pb_slide_description h2.et_pb_slide_title { font-size: 26px; font-weight: 300 !important; }
.imgatr { color: rgba(255,255,255,.75); font-size: 14px; display: block; position: absolute; z-index: 10; bottom: 10px; right: 0; text-align: right; }
.imgatr:hover { color: rgba(255,255,255,1); }
@media all and (max-width: 980px) {
  #fixit .et_pb_slide_content { font-size: 18px!important; }
  #fixit h2.et_pb_slide_title { font-size: 45px!important; line-height: 1.1; }
  .imgatr { text-align: center; width: 100%; bottom: 0px; font-size: 10px; }
}
@media all and (min-width: 1405px) {
  #fixit h2.et_pb_slide_title { font-size: 70px !important; line-height: 1.1; }
}

#home-expertise .et_pb_button:hover { background: rgba(0,0,0,0) !important; color: #fff!important; }

/* testimonials */
.bx-controls-auto { display: none; }
.bx-wrapper { margin-bottom: 0; }
.et_pb_blurb_content { max-width: inherit; }
.testimonials-widget-testimonial div.credit::before { display: none; }
.testimonials-widget-testimonial blockquote .article-title { text-transform: initial; font-style: italic; }
.testimonials-widget-testimonial blockquote { border: none; }
.testimonials-widget-testimonial blockquote p { font-style: italic; }
.testimonials-widget-testimonial blockquote:before { font-family: 'ETmodules'; content: "\7b"; font-size: 80px; float: right; display: block; padding: 0 0 10px 10px; color: #f5821f; margin-top: 5px; }

/*home blog*/
.et_pb_blog_grid .more-link { font-size: 20px; transition: all .2s; }
.et_pb_blog_0 .et_pb_post div.post-content a.more-link:hover { color: #fff!important; }
body #page-container .et_pb_section .et_pb_button_0:hover, body #page-container .et_pb_section .et_pb_button_1:hover, body #page-container .et_pb_section .et_pb_button_2:hover { color: #fff!important; }
.et_pb_blog_grid .more-link::after { font-family: 'ETmodules'; content: "\e046"; padding-left: 4px; }

/*form*/
body .gform_wrapper .gfield_required { color: #f5821f!important; }
body .gform_wrapper .gform_footer input.button:hover, body .gform_wrapper .gform_page_footer input.button:hover { border-color: inherit; }
body .gform_wrapper .validation_message, body .gform_wrapper div.validation_error { color: #f5821f!important; }
.gform_wrapper div.validation_error { border-top: 2px solid #f5821f!important; border-bottom: 2px solid #f5821f!important; }
.gform_wrapper li.gfield_error input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .gform_wrapper li.gfield_error textarea { border: 1px solid #f5821f!important; }
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #f5821f!important; }
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_page_footer input.button { font-family: inherit; }

/*sidebar*/
#sidebar p { font-size: 14px; line-height: 1.3; }
#sidebar h4.widgettitle { font-weight: 700; line-height: 1.3; }

/*footer*/
.et_pb_gutters3.et_pb_footer_columns_1_4__3_4 .footer-widget:nth-child(2n+1) { margin-right: 50px; }
.et_divi_theme #footer-widgets .footer-widget li { padding: 0; }
.et_divi_theme #footer-widgets .footer-widget li::before { display: none; }
.et_divi_theme .footer-widget { margin: 0; }
#main-footer p { padding-bottom: 0!important; }
#main-footer .footer-widget h4 { text-transform: uppercase; }
@media all and (max-width: 768px) {
	#footer-widgets .footer-widget .fwidget { width: 100%; text-align: center; }
}

/*blog archive pages*/
.archive .et_pb_image_container img, .archive .et_pb_post a img, .blog .et_pb_image_container img, .blog .et_pb_post a img { max-width: 200px; float: right; margin: 3px 0 5px 10px; border: 1px solid #d8d8d8; }

/*blog single*/
.single .et_post_meta_wrapper img { max-width: 250px; float: right; margin: 3px 0 5px 10px; border: 1px solid #d8d8d8; margin-top: 30px; }

/*about us and team page*/
.aboutushead .et_pb_bg_layout_dark a { color: #fff; text-decoration: underline; }
.buttonlike { color: #fff !important; font-size: 16px; text-transform: uppercase; padding: .3em 1em; margin-top: 10px; display: inline-block; background-color: rgba(0,0,0,.35); line-height: 1.7em !important; transition: all 300ms ease 0ms; }
.buttonlike:hover { background-color: rgba(0,0,0,.95); }
.buttonlike:after { font-family: ETmodules !important; content: "\e046"; font-size: 20px; margin-left: .3em; left: auto; line-height: 1.4; vertical-align: bottom; }