/* Theme Name: THE JEMIMA CODE Theme URI: http://thejemimacode.com Version: 1.0 Description: A child theme of Divi. This is a custom child theme created for our site The Jemima Code. Author: Brandon Tipton Author URI: http://thejemimacode.com Template: Divi */ /*********************************************************************** Caution: do not remove this to keep Divi Children Engine always updated Divi Children Engine version: 1.0.3 ***********************************************************************/ /*------------------------------[FONT ICONS]-----------------------------*/ /*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/ /*-----------------------------------------------------------------------*/ .icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar { font-family: 'ETmodules'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; color: #318EC3; } .icon_tags:before { content: "\e07c"; padding: 0px 5px 0 0; } .icon_profile:before { content: "\e08a"; padding: 0 5px 0 0; } .icon_chat:before { content: "\e066"; padding: 0 5px 0 20px; } .icon_clipboard:before { content: "\e0e6"; padding: 0 5px 0 20px; } .icon_calendar:before { content: "\e023"; padding: 0 5px 0 20px; } /*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/ /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ #et-top-navigation {background-color:#ed4022; } .logo_container {background-color: #aedde3;} .et_header_style_centered #logo { max-height: 200px;} #et-top-navigation {height:40px; font-weight: 400; } .et_fullwidth_nav #main-header .container{ padding-right:0; padding-left:0; height:200px;} #top-menu-nav {margin-top:15px;} .et_mobile_menu { margin-top:-15px;} #mobile_menu {background-color: #ed4022 !important;} .et_pb_section {background-image: url("http://thejemimacode.com/wp-content/uploads/2016/08/crossword.png") !important; background-repeat: repeat; background-size: 400px 400px;} #et_mobile_nav_menu {margin-top:75px !important;} #logo { margin-bottom: -95px;} .et-social-icon a:hover{color:#7ebec5 !important;} #top-header .et-social-icon a {font-size: 24px;} #top-menu-nav a:hover{color:#fff;} #et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et-social-icon a:hover, .comment-reply-link, .form-submit input, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {color:#aedde3;} /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*-----------------[WP CALENDAR]------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*------------------[TRANSITIONS]-----------------*/ /*------------------------------------------------*/ /*------------------------------------------------*/ /*---------------[RESPONSIVE LAYOUTS]-------------*/ /*------------------------------------------------*/ /*-------------------[960px]------------------*/ @media only screen and ( min-width: 981px ) { /*-------------------[Sliders]------------------*/ /*-------------------[Portfolio]------------------*/ /*-------------------[Sidebar]------------------*/ /*-------------------[Menu]------------------*/ #logo { margin-bottom: -95px;} .et_pb_section_first { padding-top: 415px !important;} #content-area {padding-top: 100px !important;} } /*-------------------[768px]------------------*/ @media only screen and ( max-width: 980px ) { /*-------------------[Portfolio]------------------*/ /*-------------------[Sliders]------------------*/ /*-------------------[Menu]------------------*/ } @media only screen and ( min-width: 768px ) and ( max-width: 980px ) { #et_mobile_nav_menu {margin-top:75px !important;} .et_pb_section_first { margin-top: -85px !important;} #logo { margin-bottom: 0; width:100%; height 100%;} } @media screen and ( max-width: 782px ) { #logo { margin-bottom: 0; width:100%; height 100%;} } /*-------------------[480px]------------------*/ @media only screen and ( max-width: 767px ) { /*-------------------[Menu]------------------*/ #et_mobile_nav_menu {margin-top:45px !important;} .et_pb_section_first { margin-top: -115px !important;} #logo { margin-bottom: 0; width:100%; height 100%;} } /*-------------------[600px]------------------*/ @media only screen and ( min-width: 480px )and ( max-width: 600px ) { /*-------------------[Menu]------------------*/ #et_mobile_nav_menu {margin-top:17px !important;} .et_pb_section_first { margin-top: -90px !important;} #logo { margin-bottom: 0; width:100%; height 100%;} } /*-------------------[568px]------------------*/ @media only screen and ( min-width: 480px )and ( max-width: 568px ) { /*-------------------[Menu]------------------*/ #et_mobile_nav_menu {margin-top:17px !important;} .et_pb_section_first { margin-top: -150px !important;} #logo { margin-bottom: 0; width:100%; height 100%;} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 479px ) { #et_mobile_nav_menu {margin-top:5px !important;} .et_pb_section_first { margin-top: -155px !important;} #logo { margin-bottom: 0; width:100%; height 100%;} } /*-------------------[320px]------------------*/ @media only screen and ( max-width: 320px ) { #et_mobile_nav_menu {margin-top:0px !important;} .et_pb_section_first { margin-top: -175px !important;} #logo { margin-bottom: 0; width:100%; height 100%;} }