Skip to content

Instantly share code, notes, and snippets.

@phillipchan1
Created January 10, 2019 17:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save phillipchan1/b0c5810f85b49ce1470cadc02703ae64 to your computer and use it in GitHub Desktop.
Save phillipchan1/b0c5810f85b49ce1470cadc02703ae64 to your computer and use it in GitHub Desktop.
@import url(//fonts.googleapis.com/css?family=Lobster:400);
#top-header {
background: #FFF;
color: #383F4C;
padding: 0;
max-width: 100%;
width: 100%;
margin: auto;
}
#top-header.et-fixed-header + #main-header {
top: 37px !important;
}
#main-header {
top: 48px !important;
}
.nav li ul {
right: 0;
}
.et_fullwidth_secondary_nav #top-header .container {
max-width: 1080px;
background: #f7f8f9;
padding: 0;
}
.et_fullwidth_secondary_nav #top-header.et-fixed-header .container {
padding: 0;
}
#top-header, #main-header, .logo_container, #et-top-navigation {
transition: all 0.15s ease-in-out !important;
}
.menu-item-52084 {
font-weight: bold;
}
#top-header a {
color: #383F4C;
}
#top-header #et-info-phone:before,
#top-header #et-info-email:before
{
color: #aaaeb3;
}
body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #top-header.et-fixed-header+#main-header {
top: 75px !important;
}
#et-info, #et-secondary-menu>ul>li a {
padding-bottom: 0;
}
#logo {
transition: all 0.15s ease-in-out !important;
}
#top-menu li {
padding-right: initial;
padding-left: 22px;
}
#top-header #et-info-phone,
#top-header #et-info-email,
#et-secondary-nav {
padding: 1.5em;
display: inline-block;
transition: all 0.15s ease-in-out
}
body #top-header.et-fixed-header #et-info-phone,
body #top-header.et-fixed-header #et-info-email,
body #top-header.et-fixed-header #et-secondary-nav {
padding: 1em;
display: inline-block;
}
#menu-item-58509,
#menu-item-52216,
#menu-item-55269,
#menu-item-52096,
#menu-item-55677 {
transform: translatex(135px);
transition: all 0.15s ease-in-out;
}
#top-menu #menu-item-52097 {
opacity: 0;
transition: all 0.15s ease-in-out;
visibility: hidden;
padding-left: 0;
}
.et-fixed-header .menu-item-58509,
.et-fixed-header .menu-item-52216,
.et-fixed-header .menu-item-55269,
.et-fixed-header .menu-item-52096,
.et-fixed-header .menu-item-55677 {
transform: translatex(0) !important;
}
.et-fixed-header .menu-item-52097 {
opacity: 1 !important;
visibility: visible !important;
}
body #top-header.et-fixed-header .container {
padding: 0em;
}
#et-info-phone {
position: relative;
}
#et-info-phone:after {
width: 3px;
content: '';
background: #FFF;
height: 100%;
position: absolute;
right: -10px;
top: 0;
}
body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header.et-fixed-header {
top: 69px !important;
}
.et_fullwidth_secondary_nav #top-header.et-fixed-header {
padding: 0em;
}
@media all and (min-width: 981px) {
#main-header.et-fixed-header {
box-shadow: 0 3px 7px rgba(0,0,0,.1 )!important;
}
#main-header .container {
width: 100% !important;
}
}
@media all and (max-width: 981px) {
#menu-item-58509, #menu-item-52216, #menu-item-55269, #menu-item-52096, #menu-item-55677 {
transform: none;
}
#top-header {
background: #f7f8f9;
}
#top-header #et-info-phone, #top-header #et-info-email, #et-secondary-nav {
padding: 0;
}
#et-info {
padding: 0;
}
#top-header #et-info-phone, #top-header #et-info-email {
padding: 0.5em 0;
}
#main-header {
top: 23px !important;
}
}
/* pre 2018 stylings: */
.et-fixed-header#top-header {
padding: 0;
}
.et_pb_image_container img, .et_pb_post a img {
max-width:45%;
}
.et_pb_gutters3 .et_pb_column_1_4, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 {
width: 23.875%;
}
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
margin-right: 1.5%;
}
#logo {
max-height:45%;
}
.promo h3 {
color:#2ea3f2;
border-left: 2px solid #2ea3f2;
padding-left:10px;
}
.attrib {
color:#2ea3f2;
}
.et_pb_gallery_item, .et_pb_portfolio_item, .et_pb_blurb_content, .et_pb_tabs_controls, .et_pb_tab, .et_pb_slide_description, .et_pb_pricing_heading, .et_pb_pricing_content, .et_pb_promo_description, .et_pb_newsletter_description, .et_pb_counter_title, .et_pb_circle_counter, .et_pb_number_counter, .et_pb_toggle_title, .et_pb_toggle_content, .et_pb_contact_main_title, .et_pb_testimonial_description_inner, .et_pb_team_member, .et_pb_countdown_timer_container, .et_pb_post, .et_pb_text, .product, .et_pb_widget {
word-wrap: inherit!important;
}
.et_pb_image_container img, .et_pb_post a img {
max-width: 40%;
}
@media screen and (min-width:1000px) {
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > #menu-item-52097 > a {
padding-bottom: 33px;
margin-top:-33px;
padding-top:26px;
}
#menu-item-52097 a {
background-color: #79cd51;
margin-top: -20px;
padding-top: 13px;
padding-left: 10px;
padding-right: 10px;
color: #fff;
text-align: center;
line-height: 15px;
}
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
position: absolute;
top: 26px;
right: 0;
font-family: "ETmodules";
font-size: 16px;
font-weight: 800;
content: "3";
}
#top-menu > li#menu-item-52097.current-menu-item > a {
color:#fff!important;
}
}
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
padding-top: 103px!important;
}
body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header, body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
top:62px!important;
}
#post-52592 > div > .et_pb_section_0 {
min-height:100vh;
}
#tribe-events-pg-template {
margin: 0 auto;
max-width: 100%;
background-color: #fff;
padding: 0 25% 0 25%;
}
.gform_button {
background-color: #2ea3f2;
border: 0px;
padding: 10px 20px;
color: #fff;
font-weight: 700;
}
.form-white label {
color:#fff;
}
#post-52630, #post-52655, #post-52963, #post-52973, #post-52979, #post-53037, #post-53233, #post-53301, #post-56263, #post-56321,#post-56357, #post-56295, #post-56561 {
margin-top:-103px;}
#field_19_7 > label {
display:none;
}
#gform_19 > div.gform_footer.top_label {
text-align:center;
}
#post-53958, #post-53978, #post-53969, #post-53973, #post-53963, #post-54125, #post-54227, #post-54226, #post-54913, #post-55177, #post-56399, #post-56408, #post-56414, #post-56568 {
margin-top: -103px;
}
body #gform_wrapper_25 .gform_body .gform_fields .gfield .gfield_label
{
font-weight: 400;
color: #000;
}
body #gform_wrapper_25 .gform_body .gform_fields .gfield input[type=text] {
background-color:#eee;
border: 2px solid #eee;
}
body #gform_wrapper_25 .gform_body .gform_fields .gfield select {background-color:#eee;
border: 2px solid #eee;}
body #gform_wrapper_25 .gform_footer {text-align:center;}
body #gform_wrapper_25 .gform_footer input[type=submit] {text-align: center;}
body #gform_wrapper_33 label #label_33_3_1 {
font-size: 18px;
font-weight: 800;
}
li .gchoice_33_3_1, .gchoice_32_4_1 {
font-size: 20px;
font-weight: 600;
}
li .gchoice_32_4_1 {
font-size: 20px;
font-weight: 600;
}
#gform_submit_button_42 {
background-color:#3eb0f7;
border:0px solid transparent;
}
.nav li ul {
width:300px!important;
}
#top-menu li li a {
width:260px!important;
}
#post-54920 > div > div.et_pb_section.et_pb_section_1.et_pb_with_background.et_section_regular, #post-54920 > div > div.et_pb_section.et_pb_section_2.et_pb_with_background.et_section_regular {
display:none;
}
#menu-item-52097 a {
background: linear-gradient(208.07deg, #79cd51 0%, #19ab4f 83.33%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment