.alignwide {
        margin-left  : -80px;
        margin-right : -80px;
    }
.alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
@media (max-width: 768px) {
.alignfull { padding: 0 2rem; }
.alignwide {
        margin-left  : 0px;
        margin-right : 0px;
    }
}

h2, h3, h4, h5 { font-family: "Rokkitt", serif!important; }

.elementor-nav-menu--dropdown a:active {
    color:white !important;
}

.cta-consult .elementor-widget-container .elementor-button-wrapper a.elementor-button {
    text-decoration: none !important;
}

.page-id-3116 .entry-title {
    display: none !important;
}

.elementor-6915 .elementor-element.elementor-element-347471d {
    padding-left:0 !important;
}

.page-template-newpage #content { background: rgb(240,240,240);
background: linear-gradient(180deg, rgba(240,240,240,1) 0%, rgba(252,252,252,1) 50%); }

.elementor-nav-menu__text-align-center .elementor-nav-menu--dropdown .elementor-nav-menu a {
    justify-content: left !important;
}


.blackform { background: #4e4c4c; border-bottom: 5px solid #ece618; color: #fff; padding: 1rem; margin-top: -10vh; margin-bottom: 3rem;}

#pale .blackform { margin-top: 0; }

.banner-img { height: 60vh; padding-top: 25vh;  background-position: 50% 50%; }

#banner-head h5	{ 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #333;
  text-transform: uppercase;
  font-size: 1.3rem;
  display: none;
  }

#banner-head h1.rokkitt { 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #333;
  line-height: 110%;
  background: #ece618;
  display: inline-block;
  padding: 10px;
  margin-top:60px;
}

.page-id-7500 #banner-head h1.rokkitt {
    margin-top:125px;
}

@media (max-width: 991px) { 
    #banner-head h1.rokkitt { font-size: 36px!important; }
    .banner-img { height: 40vh; padding-top: 10vh; }
}


@media (max-width: 768px) { 
	#banner-head h1.rokkitt { font-size: 28px!important; }
	.banner-img { height: 40vh; padding-top: 10vh; }
    .e-con-inner .elementor-spacer-inner {
        display: none;
    }

    .page-id-7500 .banner-img, .page-id-6187 .banner-img {
        background: url(https://lawdefined.com/wp-content/uploads/2025/07/mobile-header.jpg) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }


    .page-template-newhomepage #homequotes {
        padding:7rem 1rem !important;
        min-height:500px;
    }
}


.blackform h2 { 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  color: #ece618;
  font-size: 1.5rem;
  text-transform: uppercase;
}

.blackform [type=button], .blackform [type=submit], .blackform button {
	color: #ece618;
	border: 1px solid #ece618;
	}
.blackform [type=button]:hover, .blackform [type=submit]:hover, .blackform button:hover {
	background: #ece618;
	color: #222;
	}
.blackform .gform_wrapper.gravity-theme #field_submit{ 
	display: block!important;  
	height:50px!important;
	}
.blackform .gform_wrapper.gravity-theme #input_2_3 { height: 75px; }


@media (max-width: 768px) {
#field_2_5 { overflow: hidden; max-width: 100%; }
}

@media (min-width: 959px) {
.blackform .gform_wrapper.gravity-theme .gform_footer { position: relative; margin-top: -100px; display: inline!important; }
}

@media (min-width: 1400px) {
.blackform .gform_wrapper.gravity-theme .gform_footer { }
}

h2 { font-family: "Rokkitt", serif!important; }
.c-accordion__title  { font-family: "Rokkitt", serif!important; font-size: 1.3rem; font-weight: bold; }

.standing h3, .standing p { background: #fbfad1; padding: 5px;  }
.standing h3 { display: inline-block; margin-bottom: 1rem; margin-top: 2rem; }
.standing { margin-bottom: 3rem; }
.standing .nohighlight h3,
.standing .nohighlight p { background: transparent!important; padding: 5px;  }

@media (max-width: 768px) { 
.standing h3, .standing p { margin-left: 0px; margin-right: 0px; }
.standing h3 { margin-top: -300px; }
}



.whychoose .wp-block-group {
	background: #4E4C4C !important;
	padding: 1.5rem;
	height: 100%;
	color:white !important;
	}

.whychoose .wp-block-group h4 {
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
	color:#ECE618 !important;
}

.interiorcontact { padding: 0 25%; }
@media (max-width: 768px) { 
	.interiorcontact { padding: 0 5%; }
}

.interiorcontact .wp-block-button__link { background: #ece618; border-radius: 0; font-size: 1.8rem; font-weight: 600; font-family: "Rokkitt", serif!important; color: #4e4c4c; text-decoration: none; padding: 0 20px; margin-bottom: 2rem; text-transform: uppercase; }


.arrowed { background: #4e4c4c;  position: relative; }
.arrowed .wp-block-group__inner-container { position: relative; padding: 80px 0; }
.arrowed h3 { color: #ece618; font-family: "Rokkitt", serif!important; font-size: 2.5rem; }
.arrowed p { padding: 0 25%; color: #fff; }


.arrowed-light { background: rgba(252,252,252,1);  position: relative; }
.arrowed-light .wp-block-group__inner-container { position: relative; padding: 80px 0; }
.arrowed-light h3 { color: #ece618; font-family: "Rokkitt", serif!important; font-size: 2.5rem; }
.arrowed-light p { padding: 0 25%; color: #333; }
.arrowed-light ul { padding: 0 25%; color: #333; }
.arrowed-light p.nopad { padding: 0 0; }
.arrowed-light-bottom .wp-block-group__inner-container { padding-bottom: 0; }


.custom-shape-divider-top-1734638225 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1734638225 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 62px;
}

.custom-shape-divider-top-1734638225 .shape-fill {
    fill: #f0f0f0;
}


.arrowed .wp-block-button__link { background: #ece618; border-radius: 0; font-size: 1.3rem; font-weight: 600; font-family: "Rokkitt", serif!important; color: #4e4c4c; text-decoration: none; padding: 0 20px; margin-bottom: 2rem; text-transform: uppercase; }

.whychoosestripe { background: #f0f0f0; }

.typecasestripe  {
	background-image: url('https://lawdefined.com/wp-content/themes/hello-elementor/img/lines-on-yellow-.png') !important;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
	padding: 3rem 0; }

.typecasestripe h3 { font-family: "Rokkitt", serif!important; font-weight: 600; font-size: 1.6rem; }
@media (max-width: 768px) { 
.typecasestripe { padding: 3rem 2rem; }
}



.ourlawyers {
	
	background-image:  url(/wp-content/themes/hello-elementor/img/lines-on-yellow-.png)!important;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	padding: 2rem 0;
	margin-top: 0rem; 
	}
	
.elementor-element-eaa8c3c {
	background: #ece618!important;
	min-height: 1px!important;
	}

.ourlawyers h2 {
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
}

.page-content p a, .page-content li a { color: #b6a901; text-decoration: none; }
.page-content p a:hover, .page-content li a:hover { text-decoration: underline; }

.spiceitup { padding: 2rem; margin: 2rem 0; }
.spiceitup h3 { font-family: "Rokkitt", serif!important; }
.spiceitup + hr.wp-block-separator { border-top: 2px solid #fff !important; }
div.understanding { margin-top: 2rem; margin-bottom: 2rem; padding: 2rem 1rem; }
div.understanding div {  border-radius: 10px; padding: 25px; background: #fbfad1; margin: 0 3rem; }
@media (max-width: 768px) { 
div.understanding div { margin: 0; }
}

h2.understanding { font-style: italic; font-family: "Roboto", sans-serif!important; font-weight: normal; font-size: 2rem; }
h2.understanding em { background: #ece81b; padding: 5px 10px; font-style: normal; font-family: "Rokkitt", serif!important; font-size: 2.4rem; }

@media (max-width: 768px) { 
h2.understanding em { display: block; }
}


.wp-block-cb-slide img { 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.2);  
  }
  
.wp-block-cb-slide img:hover { 
  box-shadow: 10px rgba(0,0,0,0.23), 0 6px 6px rgba(0,0,0,0.27);
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.4);  
  }

.wp-block-cb-slide a {  font-size: 1.1rem; color: #000; text-decoration: none; }

#contactus {
	background: #7f7979;
	padding: 2rem 0; 
	}
	
#contactus .elementor-icon-list-text  {
	color: #fff;
	}
	
#contactus .elementor-icon-list-icon i  {
	color: #fff;
	display: flex;
    position: relative;
    padding-right: 10px;
	}
	
#contactus .elementor-icon-list-item {
	margin-bottom: 1rem;
	}
	
#contactus .elementor-icon-list-item,
#contactus .elementor-icon-list-item a {
    display: flex;
    font-size: inherit;
    align-items: top;
    text-decoration: none;
}

#contactus .elementor-icon-list-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#homequotes {
	background: #ece618;
	margin-top: 0rem; 
	}
	
#homequotes h2 { font-family: "Rokkitt", serif!important; }

.ourpartners h2 {
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 2rem;
}

#pale { 
	background: #FAFAF6;
	padding: 2rem 0 4rem; }	
	

#pale h2 { font-family: "Rokkitt", serif!important; }
	
.serviceicons img { width: 80px; }

.serviceicons h3 { margin: 0; padding: 0; }

.serviceicons a { 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.5rem;
  color: #000;
  text-decoration: none;
}

.serviceicons a:hover { color: #ece618; }

#advice {
	background:linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgb(0, 0, 0, 0.5) 100%), url('https://lawdefined.com/wp-content/uploads/2019/06/ContractSigning.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 6rem 0;
    text-align: center;
}

#advice .elementor-heading-title {
    color: #ece618;
    font-family: "Rokkitt", serif!important;
    font-size: 2rem;
    margin-bottom: 2rem;
}

#advice .elementor-button {
    fill: #020202;
    color: #020202;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF;
    border-radius: 50px 50px 50px 50px;
}

#advice .elementor-button:hover {
    color: #FFFFFF;
    background-color: #02010138;
}

.ourpartners .text-center { text-align: center; }

.ourpartners h4 { 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 600;
  margin: 1rem 0 0 0; 
  }

.ourpartners h5 { 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 400;
  margin: 0; 
  }
  
  
.wpmslider-wrapper { height: 150px; }
  
.wpmtst-testimonial { padding: 0 5rem; }
  
.testimonial-name, .testimonial-company { text-align: center; font-weight: bold; }

.testimonial-content p { font-style: italic; font-weight: 1.5rem; line-height: 1.5rem; text-align: center; }


.greystripe { background: #FAFAF6; padding: 2rem 10%; }
@media (max-width: 768px) { 
.greystripe { padding: 2rem; }
}

.page-id-7444 #content .wp-block-columns .wp-block-button__link { background: #ece618; border-radius: 0; font-size: 1.8rem; font-weight: 600; font-family: "Rokkitt", serif!important; color: #333; text-decoration: none; padding: 0 20px; margin-bottom: 2rem; }


.desktopwider { padding: 1rem 2rem;  background: #f0f0f0; }
@media (min-width: 767px) { 
.desktopwider { padding: 1rem 15%; }
}

.desktopwider .wp-block-column {
	background: #fff;
	margin: 0.5rem;
	height: 100%;
	}
	
.desktopwider .wp-block-column figure { border: 1px solid #ccc; margin: 0.5rem; }
@media (max-width: 768px) { 
.desktopwider .wp-block-column,
.desktopwider .wp-block-column figure { margin: 1.5rem; }
}


.desktopwider h4 { 
  font-family: "Rokkitt", serif!important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #333;
  font-size: 1.3rem;
  }

.desktopwider h4 a { color: #333; }
.desktopwider h4 a:hover { color: #ece618; }

.page-id-7500 .typecasestripe .wp-block-button__link {
    background: #333;
    border-radius: 0;
    font-size: 1.8rem;
    font-weight: 600;
    font-family: "Rokkitt", serif !important;
    color: #ece618;
    text-decoration: none;
    padding: 0 20px;
    margin-bottom: 2rem;
}


.bio-box {
    min-height: 475px;
}

