[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
} .wpcf7cf_repeater_sub_controls {
display: inline-flex;
gap: 4px;
margin: 4px 0;
align-items: center;
}.et_boxed_layout.et_transparent_nav #page-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} #main-header #logo {
max-height: 70px;
height: 63px;
padding-top: 12px;
}
#top-menu li {
display: block;
font-size: 22px;
}
#main-header #top-menu li a {
padding-bottom: 14px;
}
ul#top-menu {
position: absolute;
top: 150px;
left: 20px;
}
#main-header div#et-top-navigation {
height: 400px;
clear: both;
width: 300px;
background: #482149;
padding: 0 !important;
position: absolute;
right: 0; }
#main-header.et-fixed-header div#et-top-navigation {
height: auto;
padding: 20px !important;
position: fixed;
width: 200px;
}
.et-fixed-header ul#top-menu {
position: relative;
top: 0;
left: 0;
}
.et-fixed-header #top-menu li, #main-header.et-fixed-header #top-menu li a {
font-size: 15px;
}
#main-header.et-fixed-header #top-menu li a {
padding-bottom: 8px;
}
.et-fixed-header .logo_container a {
float: right;
}
.et-fixed-header .logo_container { }
.et-fixed-header .logo_container a {
right: 10px !important;
position: fixed;
} #main-content h1 {
font-size: 55px;
line-height: 66px;
font-weight: 600;
}
#main-content h2 {
text-transform: uppercase;
font-size: 34px;
padding-bottom: 25px;
}
#main-content h2.centered {
text-align: center;
font-weight: 300;
margin-bottom: 30px;
}
p.bigger {
font-size: 18px;
line-height: 26px;
}
em.callout-button {
font-size: 20px;
}
.orange {
color: #e96524;
}
.white {
color: #fff;
}
.purple {
color: #482149;
}
.blue {
color: #177abf;
}
.dblue {
color: #054f84;
}
.green {
color: #65bb99;
}
.dgray {
color: #3d3d3d;
} a.button-03, .rss-feed li.feed-item a {
text-decoration: none;
border-bottom: 1px dotted;
display: inline-block;
position: relative;
-webkit-transition: all 250ms;
transition: all 250ms;
z-index: 1000;
padding: 0 .2em;
}
a.button-03.bigger {
font-size: 30px;
}
a.button-03:before,.rss-feed li.feed-item a:before {
content: "";
z-index: -1;
width: 100%;
height: 0%;
background: #65bb99;
bottom: 0;
left: 0;
position: absolute;
-webkit-transition: height 250ms;
transition: height 250ms;
}
a.button-03:hover, .rss-feed li.feed-item a:hover {
color: #482149;
}
a.button-03:hover:before, .rss-feed li.feed-item a:hover:before {
height: 100%;
}
a.button-01 {
color: #fff;
font-size: 20px;
margin: 10px auto;
display: table;
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/icon-f-faria-web-design-san-diego-ca.svg) no-repeat;
background-color: #054f84;
background-size: contain;
text-transform: uppercase;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
font-weight: 100;
letter-spacing: 1px;
border: none;
position: relative;
}
a.button-01:before, a.button-01:after {
position: absolute;
content: "";
right: 0;
top: 0;
background: #e96524;
transition: all 0.3s ease;
}
a.button-01:after {
width: 20%;
height: 2px;
}
a.button-01:before {
width: 2px;
height: 50%;
}
a.button-01 span {
display: block;
width: 100%;
height: 100%;
padding: 10px 50px;
}
a.button-01 span:before, .button-01 span:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background: #e96524;
transition: all 0.3s ease;
}
a.button-01 span:before {
width: 2px;
height: 50%;
}
a.button-01 span:after {
width: 20%;
height: 2px;
}
a.button-01:hover:before {
height: 100%;
}
a.button-01:hover:after {
width: 100%;
}
a.button-01 span:hover:before {
height: 100%;
}
a.button-01 span:hover:after {
width: 100%;
}
.typed-home a.button-01 {
clear: both;
margin-left: 0;
line-height: 30px;
}
a.button-01:hover {
background-color: #482149;
}
a.button-02, input.wpcf7-form-control.wpcf7-submit {
display: table;
font-size: 20px;
line-height: 25px;
background: #482149;
color: #fff;
padding: 10px;
border: 2px solid #482149;
margin: 10px 0;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
font-weight: 300;
}
.cbp-popup-lightbox-title a.button-02 {
background: #e96524;
border-color: #e96524
}
input.wpcf7-form-control.wpcf7-submit {
width: 100px;
margin: auto;
text-transform: uppercase;
letter-spacing: 1px;
}
a.button-02:hover, input.wpcf7-form-control.wpcf7-submit:hover {
background: rgb(95, 44, 97);
} span.typed-home {
color: #177abf;
background: #fff;
margin-top: 10px;
display: block;
float: left;
padding: 5px;
}
span.typed-cursor {
margin-top: 17px;
display: block;
float: left;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
span.hero-cta-a {
color: #65bb99;
} .home-service .fa {
font-size: 85px;
}
.home-service p.content {
font-size: 1.2rem;
}
.home-services-wrapper .et_pb_main_blurb_image img {
max-height: 70px;
width: auto;
}
.home-services-wrapper  .et_pb_main_blurb_image {
background: rgba(255, 255, 255, 0.6);
width: 119px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
border-radius: 50%;
padding: 20px;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.home-services-wrapper .et_pb_main_blurb_image:hover {
background: rgba(101, 187, 153, 0.53);
}
.home .home-services-wrapper .et_pb_blurb_2 .et_pb_main_blurb_image, .new-services.home-services-wrapper .et_pb_blurb_2 .et_pb_main_blurb_image {
width: 161px;
}
.new-services.home-services-wrapper .et_pb_main_blurb_image {
background: rgba(101, 187, 153, 1);
}
.new-services.home-services-wrapper .et_pb_main_blurb_image:hover {
background: rgba(101, 187, 153, 0.53);
}
ul.intro-featured-list {
list-style: none;
padding-left: 0;
display: grid;
width: 100%;
max-width: 400px;
margin: 50px auto 0;
float: right;
}
ul.intro-featured-list li {
display: block;
clear: both;
margin-bottom: 40px;
width: 100%;
float: left;
}
ul.intro-featured-list h6 {
float: left;
font-size: 22px;
font-weight: 300;
color: #054f84;
line-height: 50px;
padding-bottom: 0;
}
ul.intro-featured-list li .fa {
float: left;
font-size: 54px;
width: 100px;
text-align: center;
margin-right: 20px;
color: #177abf;
text-shadow: 0px 0px 4px rgba(61, 61, 61, 0.47);
}
ul.intro-featured-list li img {
margin-right: 39px;
-webkit-filter: drop-shadow(0 0 4px rgba(61, 61, 61, 0.17));
filter: drop-shadow(0 0 4px rgba(61,61,61,0.17));
margin-left: 20px;
}
div#contact-home-wrapper h3 span {
font-size: 20px;
display: block;
color: #177abf;
line-height: 30px;
}
.home div#cbpw-wrap1 .cbp-item {
background: #fff;
} .cbp-popup-lightbox-bottom .cbp-popup-lightbox-title {
font-size: 17px;
line-height: 30px;
}
img.cbp-popup-lightbox-img {
background: #fff;
}
div#cbpw-filters2 {
margin: auto;
margin-bottom: 15px;
} .et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light {
padding: 0;
height: 400px;
}
.et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light .et_pb_title_container {
bottom: 25%;
position: absolute;
}
#page-title-wrapper:before {
content: "";
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
position: absolute;
top: 0;
}
.et_pb_row.et_pb_row_0 {
padding-top: 0;
} .rss-feed .wprss-feed-meta {
display: none;
}
.rss-feed ul.rss-aggregator {
padding-left: 0;
list-style-type: none;
}
.rss-feed li.feed-item {
width: 30.3%;
float: left;
margin: 1.5%;
} .et_pb_text_inner > p.about-featured-p {
background: #054f84;
color: #fff;
font-style: italic;
font-size: 20px;
padding: 40px 22px;
width: 80%;
clear: both;
margin: 50px auto;
text-align: center;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
} p.fd-cf7-field-wrapper input.wpcf7-form-control, p.fd-cf7-field-wrapper textarea.wpcf7-form-control, p.fd-cf7-field-wrapper select.wpcf7-form-control {
width: 100%;
font-size: 17px;
padding: 10px;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
-webkit-appearance: textfield;
border: 1px solid #ccc;
background: #fff;
}
p.fd-cf7-field-wrapper > label {
display: block;
margin-bottom: 4px;
}
p.fd-cf7-field-wrapper {
padding-bottom: 11px;
}
p.fd-cf7-field-wrapper input.wpcf7-form-control:focus, p.fd-cf7-field-wrapper textarea.wpcf7-form-control:focus {
border-color: #65bb99;
background: #cbecdf;
}
div.wpcf7-validation-errors {
border: none;
background: #fff;
color: red;
}
a.contact-faria {
display: block;
text-align: center;
color: #fff;
background: #177abf;
max-width: 250px;
padding: 5px 10px;
margin: 0 auto 10px;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
a.contact-faria .fa {
margin-right: 8px;
font-size: 21px;
}
a.contact-faria:hover {
background: #482149;
}
h5.fc-cf7-section-title {
font-size: 22px;
margin-top: 35px;
color: #054f84;
}
div#wpcf7-f327-p78-o2 h5.fc-cf7-section-title {
color: #65bb99;
}
div#wpcf7-f327-p78-o2 label {
color: #fff;
}
input[type="radio"], input[type="checkbox"] {
opacity: 0;
display: none;
}
input[type="radio"] + span::before, input[type="checkbox"] + span::before {
display:inline-block;
width: 30px;
height: 30px;
margin: -1px 4px 0 0;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
input[type="radio"] + span::before {
cursorontent: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/radio.png) no-repeat center center;
}
input[type="radio"]:checked + span::before {
content: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/radio-checked.png) no-repeat center center;
}
input[type="checkbox"] + span::before {
cursorontent: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/06/checkbox.png) no-repeat center center;
}
input[type="checkbox"]:checked + span::before {
content: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/06/checkbox-checked.png) no-repeat center center;
}
.fd-cf7-radio-wrapper {
margin: 40px 0px;
border: 1px solid rgba(101, 187, 153, 0.51);
padding: 10px;
}
.wpcf7-checkbox span.wpcf7-list-item, .page-id-491 .wpcf7-radio span.wpcf7-list-item {
display: block;
margin-bottom: 7px;
}
div.wpcf7-mail-sent-ok {
border: none;
color: #e96524;
font-weight: bold;
text-align: center;
} ul.fd-steps {
list-style: none;
text-align: center;
padding-left: 0;
max-width: 450px;
margin: 25px auto;
counter-reset: section;
}
ul.fd-steps h4 {
text-align: center;
font-size: 20px;
background: #482149;
color: #fff;
padding: 10px 0 10px 30px;
max-width: 160px;
margin: 0 auto 10px;
position: relative;
}
ul.fd-steps h4:before {
height: 100%;
width: 40px;
background: #65bb99;
position: absolute;
left: 0;
top: 0;
counter-increment: section;
content: counter(section);
line-height: 48px;
color: #482149;
font-size: 18px;
}
ul.fd-steps p, ul.fd-steps em {
margin-bottom: 9.5%;
color: #482149;
display: block;
} #main-footer ul#menu-main-menu {
text-align: center;
}
#main-footer ul#menu-main-menu a {
font-size: 20px;
font-weight: 300;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
text-transform: uppercase;
}
div#footer-bottom ul.et-social-icons {
float: none;
text-align: center;
}
.et-social-icons li {
margin: 10px;
}
footer#main-footer {
position: relative;
}
footer#main-footer:before {
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/icon-a-faria-web-design-san-diego-ca.svg);
content: "";
height: 88px;
width: 100%;
position: absolute;
opacity: 0.1;
background-position: bottom left;
background-size: contain;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
bottom: 0;
}
footer#main-footer {
position: relative;
padding: 20px 0 70px;
}
#footer-bottom .et-social-icon a:hover{
color: #b407d0;
}
p#fd-footer-info {
text-align: center;
color: #613163;
font-size: 16px;
}
#footer-widgets a.contact-faria {
display: grid;
padding: 20px 10px;
color: #65bb99;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; background: rgb(72,33,73); background: -moz-linear-gradient(left,  rgba(72,33,73,1) 0%, rgba(89,38,90,1) 20%, rgba(99,46,101,1) 48%, rgba(89,38,90,1) 80%, rgba(72,33,73,1) 100%); background: -webkit-linear-gradient(left,  rgba(72,33,73,1) 0%,rgba(89,38,90,1) 20%,rgba(99,46,101,1) 48%,rgba(89,38,90,1) 80%,rgba(72,33,73,1) 100%); background: linear-gradient(to right,  rgba(72,33,73,1) 0%,rgba(89,38,90,1) 20%,rgba(99,46,101,1) 48%,rgba(89,38,90,1) 80%,rgba(72,33,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#482149', endColorstr='#482149',GradientType=1 ); }
#footer-widgets .footer-widget {
margin-bottom: 10px;
}
.footer-widget #text-2 {
float: right;
} .grecaptcha-badge{
visibility: collapse !important;  
} @media screen and (min-width: 981px) {
.five-columns .et_pb_module {
width: 20%; float: left;
}
.superfly-on #sf-sidebar {
display: none !important;
}
}
@media screen and (max-width: 980px) {
.et_header_style_left #et-top-navigation {
display: none !important;
}
#main-header.et-fixed-header #logo {
display: none;
}
div#vert-hor-lines:before, div#vert-hor-lines:after {
background-color: #3d3d3d;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
}
div#vert-hor-lines:before {
width: 30%;
margin-left: -50%;
top: 30px;
}
div#vert-hor-lines:after {
margin-right: -50%;
width: 30%;
top: -25px;
}
#vert-hor-lines h3 {
padding-bottom: 0 !important;
}
.home-services-wrapper .et_pb_column.et_pb_column_2_3.et_pb_column_2 {
margin-top: -200px !important;
padding-right: 50px;
}
.home .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular.et_pb_section_first {
background-position: top left;
}
#contact-home-wrapper .et_pb_column.et_pb_column_1_3.et_pb_column_10 a.button-01 {
margin-top: 30px !important;
}
.et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.home-service.et_pb_text_4 h3 {
font-size: 34px;
}
.cbp-popup-lightbox .cbp-popup-close {
top: 80px !important;
}
#post-72 .et_pb_column.et_pb_column_1_2.et_pb_column_2 {
max-width: 100%;
}
div#start-here-cta h5 {
font-size: 25px;
}
h5.orange.hire {
font-size: 23px;
}
#marcio-intro .et_pb_column_2 {
background-image: none;
}
}
@media screen and (max-width: 500px) {
.et_boxed_layout div#page-container {
width: 100%;
}
#main-content #hero h1 {
font-size: 32px;
line-height: 37px;
}
.home-services-wrapper .et_pb_column.et_pb_column_2_3.et_pb_column_2 {
padding: 19px;
}
.footer-widget #text-2, .footer-widget #text-3 {
float: none;
}
.bottom-nav li {
display: block;
padding-right: 0;
margin-bottom: 8px;
}
div#footer-widgets {
padding-bottom: 0;
}
ul.intro-featured-list li img, ul.intro-featured-list li .fa {
margin: auto;
display: block;
float: none;
}
ul.intro-featured-list li h6 {
text-align: center;
width: 100%;
}
.et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light {
height: 240px;
}
footer#main-footer #footer-bottom .et-social-icon a {
color: rgba(101, 187, 153, 0.8);
}
p#fd-footer-info {
color: rgba(101, 187, 153, 0.8);
}
#marcio-intro .et_pb_column_2 {
background-image: none;
}
}  .left-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-moz-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-o-animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3); 
animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3);} .right-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-moz-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-o-animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3); 
animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3);} .top-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-moz-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-o-animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2); 
animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2);} .bottom-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
-moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
-o-animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2); 
animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);} .fadein-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-moz-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-o-animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2); 
animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2);} @keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}.et_boxed_layout.et_transparent_nav #page-container {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} #main-header #logo {
max-height: 70px;
height: 63px;
padding-top: 12px;
}
#top-menu li {
display: block;
font-size: 22px;
}
#main-header #top-menu li a {
padding-bottom: 14px;
}
ul#top-menu {
position: absolute;
top: 150px;
left: 20px;
}
#main-header div#et-top-navigation {
height: 400px;
clear: both;
width: 300px;
background: #482149;
padding: 0 !important;
position: absolute;
right: 0; }
#main-header.et-fixed-header div#et-top-navigation {
height: auto;
padding: 20px !important;
position: fixed;
width: 200px;
}
.et-fixed-header ul#top-menu {
position: relative;
top: 0;
left: 0;
}
.et-fixed-header #top-menu li, #main-header.et-fixed-header #top-menu li a {
font-size: 15px;
}
#main-header.et-fixed-header #top-menu li a {
padding-bottom: 8px;
}
.et-fixed-header .logo_container a {
float: right;
}
.et-fixed-header .logo_container { }
.et-fixed-header .logo_container a {
right: 10px !important;
position: fixed;
} #main-content h1 {
font-size: 55px;
line-height: 66px;
font-weight: 600;
}
#main-content h2 {
text-transform: uppercase;
font-size: 34px;
padding-bottom: 25px;
}
#main-content h2.centered {
text-align: center;
font-weight: 300;
margin-bottom: 30px;
}
p.bigger {
font-size: 18px;
line-height: 26px;
}
em.callout-button {
font-size: 20px;
}
.orange {
color: #e96524;
}
.white {
color: #fff;
}
.purple {
color: #482149;
}
.blue {
color: #177abf;
}
.dblue {
color: #054f84;
}
.green {
color: #65bb99;
}
.dgray {
color: #3d3d3d;
} a.button-03, .rss-feed li.feed-item a {
text-decoration: none;
border-bottom: 1px dotted;
display: inline-block;
position: relative;
-webkit-transition: all 250ms;
transition: all 250ms;
z-index: 1000;
padding: 0 .2em;
}
a.button-03.bigger {
font-size: 30px;
}
a.button-03:before,.rss-feed li.feed-item a:before {
content: "";
z-index: -1;
width: 100%;
height: 0%;
background: #65bb99;
bottom: 0;
left: 0;
position: absolute;
-webkit-transition: height 250ms;
transition: height 250ms;
}
a.button-03:hover, .rss-feed li.feed-item a:hover {
color: #482149;
}
a.button-03:hover:before, .rss-feed li.feed-item a:hover:before {
height: 100%;
}
a.button-01 {
color: #fff;
font-size: 20px;
margin: 10px auto;
display: table;
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/icon-f-faria-web-design-san-diego-ca.svg) no-repeat;
background-color: #054f84;
background-size: contain;
text-transform: uppercase;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
font-weight: 100;
letter-spacing: 1px;
border: none;
position: relative;
}
a.button-01:before, a.button-01:after {
position: absolute;
content: "";
right: 0;
top: 0;
background: #e96524;
transition: all 0.3s ease;
}
a.button-01:after {
width: 20%;
height: 2px;
}
a.button-01:before {
width: 2px;
height: 50%;
}
a.button-01 span {
display: block;
width: 100%;
height: 100%;
padding: 10px 50px;
}
a.button-01 span:before, .button-01 span:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background: #e96524;
transition: all 0.3s ease;
}
a.button-01 span:before {
width: 2px;
height: 50%;
}
a.button-01 span:after {
width: 20%;
height: 2px;
}
a.button-01:hover:before {
height: 100%;
}
a.button-01:hover:after {
width: 100%;
}
a.button-01 span:hover:before {
height: 100%;
}
a.button-01 span:hover:after {
width: 100%;
}
.typed-home a.button-01 {
clear: both;
margin-left: 0;
line-height: 30px;
}
a.button-01:hover {
background-color: #482149;
}
a.button-02, input.wpcf7-form-control.wpcf7-submit {
display: table;
font-size: 20px;
line-height: 25px;
background: #482149;
color: #fff;
padding: 10px;
border: 2px solid #482149;
margin: 10px 0;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
font-weight: 300;
}
.cbp-popup-lightbox-title a.button-02 {
background: #e96524;
border-color: #e96524
}
input.wpcf7-form-control.wpcf7-submit {
width: 100px;
margin: auto;
text-transform: uppercase;
letter-spacing: 1px;
}
a.button-02:hover, input.wpcf7-form-control.wpcf7-submit:hover {
background: rgb(95, 44, 97);
} span.typed-home {
color: #177abf;
background: #fff;
margin-top: 10px;
display: block;
float: left;
padding: 5px;
}
span.typed-cursor {
margin-top: 17px;
display: block;
float: left;
opacity: 1;
-webkit-animation: blink 0.7s infinite;
-moz-animation: blink 0.7s infinite;
animation: blink 0.7s infinite;
}
span.hero-cta-a {
color: #65bb99;
} .home-service .fa {
font-size: 85px;
}
.home-service p.content {
font-size: 1.2rem;
}
.home-services-wrapper .et_pb_main_blurb_image img {
max-height: 70px;
width: auto;
}
.home-services-wrapper  .et_pb_main_blurb_image {
background: rgba(255, 255, 255, 0.6);
width: 119px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
border-radius: 50%;
padding: 20px;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
.home-services-wrapper .et_pb_main_blurb_image:hover {
background: rgba(101, 187, 153, 0.53);
}
.home .home-services-wrapper .et_pb_blurb_2 .et_pb_main_blurb_image, .new-services.home-services-wrapper .et_pb_blurb_2 .et_pb_main_blurb_image {
width: 161px;
}
.new-services.home-services-wrapper .et_pb_main_blurb_image {
background: rgba(101, 187, 153, 1);
}
.new-services.home-services-wrapper .et_pb_main_blurb_image:hover {
background: rgba(101, 187, 153, 0.53);
}
ul.intro-featured-list {
list-style: none;
padding-left: 0;
display: grid;
width: 100%;
max-width: 400px;
margin: 50px auto 0;
float: right;
}
ul.intro-featured-list li {
display: block;
clear: both;
margin-bottom: 40px;
width: 100%;
float: left;
}
ul.intro-featured-list h6 {
float: left;
font-size: 22px;
font-weight: 300;
color: #054f84;
line-height: 50px;
padding-bottom: 0;
}
ul.intro-featured-list li .fa {
float: left;
font-size: 54px;
width: 100px;
text-align: center;
margin-right: 20px;
color: #177abf;
text-shadow: 0px 0px 4px rgba(61, 61, 61, 0.47);
}
ul.intro-featured-list li img {
margin-right: 39px;
-webkit-filter: drop-shadow(0 0 4px rgba(61, 61, 61, 0.17));
filter: drop-shadow(0 0 4px rgba(61,61,61,0.17));
margin-left: 20px;
}
div#contact-home-wrapper h3 span {
font-size: 20px;
display: block;
color: #177abf;
line-height: 30px;
}
.home div#cbpw-wrap1 .cbp-item {
background: #fff;
} .cbp-popup-lightbox-bottom .cbp-popup-lightbox-title {
font-size: 17px;
line-height: 30px;
}
img.cbp-popup-lightbox-img {
background: #fff;
}
div#cbpw-filters2 {
margin: auto;
margin-bottom: 15px;
} .et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light {
padding: 0;
height: 400px;
}
.et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light .et_pb_title_container {
bottom: 25%;
position: absolute;
}
#page-title-wrapper:before {
content: "";
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65);
position: absolute;
top: 0;
}
.et_pb_row.et_pb_row_0 {
padding-top: 0;
} .rss-feed .wprss-feed-meta {
display: none;
}
.rss-feed ul.rss-aggregator {
padding-left: 0;
list-style-type: none;
}
.rss-feed li.feed-item {
width: 30.3%;
float: left;
margin: 1.5%;
} .et_pb_text_inner > p.about-featured-p {
background: #054f84;
color: #fff;
font-style: italic;
font-size: 20px;
padding: 40px 22px;
width: 80%;
clear: both;
margin: 50px auto;
text-align: center;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
} p.fd-cf7-field-wrapper input.wpcf7-form-control, p.fd-cf7-field-wrapper textarea.wpcf7-form-control, p.fd-cf7-field-wrapper select.wpcf7-form-control {
width: 100%;
font-size: 17px;
padding: 10px;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
-webkit-appearance: textfield;
border: 1px solid #ccc;
background: #fff;
}
p.fd-cf7-field-wrapper > label {
display: block;
margin-bottom: 4px;
}
p.fd-cf7-field-wrapper {
padding-bottom: 11px;
}
p.fd-cf7-field-wrapper input.wpcf7-form-control:focus, p.fd-cf7-field-wrapper textarea.wpcf7-form-control:focus {
border-color: #65bb99;
background: #cbecdf;
}
div.wpcf7-validation-errors {
border: none;
background: #fff;
color: red;
}
a.contact-faria {
display: block;
text-align: center;
color: #fff;
background: #177abf;
max-width: 250px;
padding: 5px 10px;
margin: 0 auto 10px;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
a.contact-faria .fa {
margin-right: 8px;
font-size: 21px;
}
a.contact-faria:hover {
background: #482149;
}
h5.fc-cf7-section-title {
font-size: 22px;
margin-top: 35px;
color: #054f84;
}
div#wpcf7-f327-p78-o2 h5.fc-cf7-section-title {
color: #65bb99;
}
div#wpcf7-f327-p78-o2 label {
color: #fff;
}
input[type="radio"], input[type="checkbox"] {
opacity: 0;
display: none;
}
input[type="radio"] + span::before, input[type="checkbox"] + span::before {
display:inline-block;
width: 30px;
height: 30px;
margin: -1px 4px 0 0;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms;
}
input[type="radio"] + span::before {
cursorontent: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/radio.png) no-repeat center center;
}
input[type="radio"]:checked + span::before {
content: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/radio-checked.png) no-repeat center center;
}
input[type="checkbox"] + span::before {
cursorontent: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/06/checkbox.png) no-repeat center center;
}
input[type="checkbox"]:checked + span::before {
content: '';
background: url(//www.fariadesign.com/wp-content/uploads/2017/06/checkbox-checked.png) no-repeat center center;
}
.fd-cf7-radio-wrapper {
margin: 40px 0px;
border: 1px solid rgba(101, 187, 153, 0.51);
padding: 10px;
}
.wpcf7-checkbox span.wpcf7-list-item, .page-id-491 .wpcf7-radio span.wpcf7-list-item {
display: block;
margin-bottom: 7px;
}
div.wpcf7-mail-sent-ok {
border: none;
color: #e96524;
font-weight: bold;
text-align: center;
} ul.fd-steps {
list-style: none;
text-align: center;
padding-left: 0;
max-width: 450px;
margin: 25px auto;
counter-reset: section;
}
ul.fd-steps h4 {
text-align: center;
font-size: 20px;
background: #482149;
color: #fff;
padding: 10px 0 10px 30px;
max-width: 160px;
margin: 0 auto 10px;
position: relative;
}
ul.fd-steps h4:before {
height: 100%;
width: 40px;
background: #65bb99;
position: absolute;
left: 0;
top: 0;
counter-increment: section;
content: counter(section);
line-height: 48px;
color: #482149;
font-size: 18px;
}
ul.fd-steps p, ul.fd-steps em {
margin-bottom: 9.5%;
color: #482149;
display: block;
} #main-footer ul#menu-main-menu {
text-align: center;
}
#main-footer ul#menu-main-menu a {
font-size: 20px;
font-weight: 300;
font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif;
text-transform: uppercase;
}
div#footer-bottom ul.et-social-icons {
float: none;
text-align: center;
}
.et-social-icons li {
margin: 10px;
}
footer#main-footer {
position: relative;
}
footer#main-footer:before {
background: url(//www.fariadesign.com/wp-content/uploads/2017/05/icon-a-faria-web-design-san-diego-ca.svg);
content: "";
height: 88px;
width: 100%;
position: absolute;
opacity: 0.1;
background-position: bottom left;
background-size: contain;
background-repeat-x: repeat;
background-repeat-y: no-repeat;
bottom: 0;
}
footer#main-footer {
position: relative;
padding: 20px 0 70px;
}
#footer-bottom .et-social-icon a:hover{
color: #b407d0;
}
p#fd-footer-info {
text-align: center;
color: #613163;
font-size: 16px;
}
#footer-widgets a.contact-faria {
display: grid;
padding: 20px 10px;
color: #65bb99;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms; background: rgb(72,33,73); background: -moz-linear-gradient(left,  rgba(72,33,73,1) 0%, rgba(89,38,90,1) 20%, rgba(99,46,101,1) 48%, rgba(89,38,90,1) 80%, rgba(72,33,73,1) 100%); background: -webkit-linear-gradient(left,  rgba(72,33,73,1) 0%,rgba(89,38,90,1) 20%,rgba(99,46,101,1) 48%,rgba(89,38,90,1) 80%,rgba(72,33,73,1) 100%); background: linear-gradient(to right,  rgba(72,33,73,1) 0%,rgba(89,38,90,1) 20%,rgba(99,46,101,1) 48%,rgba(89,38,90,1) 80%,rgba(72,33,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#482149', endColorstr='#482149',GradientType=1 ); }
#footer-widgets .footer-widget {
margin-bottom: 10px;
}
.footer-widget #text-2 {
float: right;
} .grecaptcha-badge{
visibility: collapse !important;  
} @media screen and (min-width: 981px) {
.five-columns .et_pb_module {
width: 20%; float: left;
}
.superfly-on #sf-sidebar {
display: none !important;
}
}
@media screen and (max-width: 980px) {
.et_header_style_left #et-top-navigation {
display: none !important;
}
#main-header.et-fixed-header #logo {
display: none;
}
div#vert-hor-lines:before, div#vert-hor-lines:after {
background-color: #3d3d3d;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
}
div#vert-hor-lines:before {
width: 30%;
margin-left: -50%;
top: 30px;
}
div#vert-hor-lines:after {
margin-right: -50%;
width: 30%;
top: -25px;
}
#vert-hor-lines h3 {
padding-bottom: 0 !important;
}
.home-services-wrapper .et_pb_column.et_pb_column_2_3.et_pb_column_2 {
margin-top: -200px !important;
padding-right: 50px;
}
.home .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular.et_pb_section_first {
background-position: top left;
}
#contact-home-wrapper .et_pb_column.et_pb_column_1_3.et_pb_column_10 a.button-01 {
margin-top: 30px !important;
}
.et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.home-service.et_pb_text_4 h3 {
font-size: 34px;
}
.cbp-popup-lightbox .cbp-popup-close {
top: 80px !important;
}
#post-72 .et_pb_column.et_pb_column_1_2.et_pb_column_2 {
max-width: 100%;
}
div#start-here-cta h5 {
font-size: 25px;
}
h5.orange.hire {
font-size: 23px;
}
#marcio-intro .et_pb_column_2 {
background-image: none;
}
}
@media screen and (max-width: 500px) {
.et_boxed_layout div#page-container {
width: 100%;
}
#main-content #hero h1 {
font-size: 32px;
line-height: 37px;
}
.home-services-wrapper .et_pb_column.et_pb_column_2_3.et_pb_column_2 {
padding: 19px;
}
.footer-widget #text-2, .footer-widget #text-3 {
float: none;
}
.bottom-nav li {
display: block;
padding-right: 0;
margin-bottom: 8px;
}
div#footer-widgets {
padding-bottom: 0;
}
ul.intro-featured-list li img, ul.intro-featured-list li .fa {
margin: auto;
display: block;
float: none;
}
ul.intro-featured-list li h6 {
text-align: center;
width: 100%;
}
.et_pb_module.et_pb_post_title.et_pb_post_title_0.et_pb_bg_layout_light {
height: 240px;
}
footer#main-footer #footer-bottom .et-social-icon a {
color: rgba(101, 187, 153, 0.8);
}
p#fd-footer-info {
color: rgba(101, 187, 153, 0.8);
}
#marcio-intro .et_pb_column_2 {
background-image: none;
}
}  .left-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-moz-animation: fadeLeft 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-o-animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3); 
animation: fadeLeft 1.3s 1 cubic-bezier(0.77,0,.175,1.3);} .right-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-moz-animation: fadeRight 1.5s 1 cubic-bezier(0.77,0,.175,1.3); 
-o-animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3); 
animation: fadeRight 1.3s 1 cubic-bezier(0.77,0,.175,1.3);} .top-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-moz-animation: fadeTop 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-o-animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2); 
animation: fadeTop 1.3s 1 cubic-bezier(0.77,0,.175,2);} .bottom-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
-moz-animation: fadeBottom 1.5s 1 cubic-bezier(0.77,0,.175,2);
-o-animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2); 
animation: fadeBottom 1.3s 1 cubic-bezier(0.77,0,.175,2);} .fadein-animated.et-animated { 
opacity: 1; 
-webkit-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-moz-animation: fadeIn 1.5s 1 cubic-bezier(0.77,0,.175,2); 
-o-animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2); 
animation: fadeIn 1.3s 1 cubic-bezier(0.77,0,.175,2);} @keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}