/* ########################################################################################### */ /* ########################################################################################### */ /* ############################## DESKTOP STYLES ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ html { width: 100%; height: 100%; background: #000; color: #111; font-size: 100px; } body { width: 100%; height: 100%; margin: 0; font-family: 'corbeau_medium', Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14%; font-style: normal; color: #111; overflow: auto; position: relative; overflow-y: scroll; overflow-x: hidden; } #page_holder { width: 100%; height: 100%; display: block; position: relative; -webkit-transition: opacity 1s; /* Safari */ transition: opacity 1s; opacity: 1; } #page_holder.hover { opacity: 0.5; } .blog #page_holder, .blog_post_dark #page_holder { width: 100%; height: 100%; display: block; position: relative; -webkit-transition: opacity 1s; /* Safari */ transition: opacity 1s; opacity: 1; top: 93px; } .blog #page_holder.hover, .blog_post_dark #page_holder.hover { opacity: 0.5; } #top_over_fade { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:#e5e5e5; float: left; display: block; z-index: 144; } #base_layer { display: none; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## FONT FACES ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ @font-face { font-family: 'corbeau_bold'; src: url('../fonts/c_bold.eot'); src: url('../fonts/c_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/c_bold.woff') format('woff'), url('../fonts/c_bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'imperial'; src: url('../fonts/imperial.eot'); src: url('../fonts/imperial.eot?#iefix') format('embedded-opentype'), url('../fonts/imperial.woff') format('woff'), url('../fonts/imperial.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'corbeau_medium'; src: url('../fonts/c_medium.eot'); src: url('../fonts/c_medium.eot?#iefix') format('embedded-opentype'), url('../fonts/c_medium.woff') format('woff'), url('../fonts/c_medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'corbeau_thin'; src: url('../fonts/c_thin.eot'); src: url('../fonts/c_thin.eot?#iefix') format('embedded-opentype'), url('../fonts/c_thin.woff') format('woff'), url('../fonts/c_thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fakt_medium'; src: url('../fonts/f_medium.eot'); src: url('../fonts/f_medium.eot?#iefix') format('embedded-opentype'), url('../fonts/f_medium.woff') format('woff'), url('../fonts/f_medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'symbols'; src: url('../fonts/symbols.eot'); src: url('../fonts/symbols.eot?#iefix') format('embedded-opentype'), url('../fonts/symbols.woff') format('woff'), url('../fonts/symbols.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ########################################################################################### */ /* ########################################################################################### */ /* #################################### BASICS ###################################### */ /* ########################################################################################### */ /* ########################################################################################### */ table { padding: 0; margin: 0; border-spacing: 0px; } td { margin: 0; padding: 0; border-spacing: 0px; } div { font-size: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } a,a:visited,a:hover,a:active{ -webkit-backface-visibility:hidden; backface-visibility:hidden; position:relative; text-decoration:none; color: inherit; width: auto; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } a:hover { text-decoration:none; } button { -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; line-height: 1; text-shadow: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0px; -webkit-appearance: none; border: 0px; outline: none; box-shadow: none; outline-width: 0px; } button:hover { -webkit-appearance: none; border: 0px; outline: none; box-shadow: none; outline-width: 0px; cursor: pointer; } button:focus { -webkit-appearance: none; border: 0px; outline: none; box-shadow: none; outline-width: 0px; cursor: auto; cursor: pointer; } h1, h2, h3, h4, h5, h6 { font-family: 'corbeau_bold', Impact, 'HelveticaNeue-CondensedBlack', sans-serif; margin: 0px 0 4px 0px; font-weight: 100; } #thin { font-family: 'corbeau_thin', "Courier New", Courier, monospace; } strong { font-family: 'imperial',georgia,'times new roman',times,serif; font-weight: 700; } sup { font-size: 60%; font-family: 'imperial',georgia,'times new roman',times,serif; font-weight: 100; color:#111; } /* ############# IMAGES AND VIDEO ############### */ img { margin: 0; padding: 0; display: block; border: none; width: auto; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## HEADER ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #header_holder { height: 93px; width: 100%; display: block; float: left; position: absolute; top: 0px; left: 0px; z-index: 33; background-color: #fff; } .blog #header_holder { height: 93px; width: 100%; display: block; float: left; position: absolute; top: 0px; left: 0px; z-index: 33; background-color: #ededed; border-bottom: 1px solid #dcdcdc; } #header { height: 93px; width: 87%; display: block; background-color: #fff; position: relative; margin: 0 auto; } .blog #header { height: 93px; width: 85%; display: block; background: #ededed; position: relative; margin: 0 auto; } a#logo_holder_mobile, a#logo_holder_mobile:visited { display: none; } a#logo_holder_a, a#logo_holder_a:visited { float: left; display: inline-block; width: auto; margin: 0px 0 0 0px; position: relative; z-index: 45; height: 100%; } #logo_holder { display: inline-block; height: 100%; width: auto; position: relative; padding: 0 31px; } .blog #logo_holder { display: inline-block; height: 100%; width: auto; position: relative; padding: 0 26px; background: #3ba14b; border-bottom: 1px solid #307f3d; } #logo_img { display: none; width: auto; } #logo_img img { width: 350px; height: 100%; -webkit-transition: width 1s; /* Safari */ transition: width 1s; } #logo_text { display: block; width: auto; margin: 21px 0 0 0; left: 0px; white-space: nowrap; text-transform: uppercase; } span#site_title { font-family: 'corbeau_bold'; font-size: 31px; color: #222; line-height: 31px; display: block; letter-spacing: 0.5px; } span#site_title_hover { color: #222; } span#site_tagline { font-family: 'corbeau_medium'; font-size: 13px; color: #434343; margin: 11px 0 0 53px; line-height: 13px; display: block; letter-spacing: 1.5px; } .blog span#site_title { font-family: 'corbeau_bold'; font-size: 31px; color: #fff; line-height: 31px; display: block; letter-spacing: 0.5px; } .blog span#site_title_hover { color: #fff; } .blog span#site_tagline { font-family: 'corbeau_medium'; font-size: 13px; color: #fff; margin: 11px 0 0 53px; line-height: 13px; display: block; letter-spacing: 1.5px; } a#logo_holder_a:hover span#site_title_hover { color: #3ba14b; } a#logo_holder_a:hover span#site_title { color: #000; } .blog a#logo_holder_a:hover span#site_title_hover { color: #fff; } .blog a#logo_holder_a:hover span#site_title { color: #fff; } a#back_to_top, a#back_to_top:visited { position: fixed; right: 0px; top: 63%; width: 64px; height: 64px; float: right; z-index: 143; background: #2476ab; border: 1px solid #2476ab; display: none; } a#back_to_top:hover { background: #168ad4; border: 1px solid #168ad4; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## HEADER MENU ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #header_links_holder { display: inline-block; position: absolute; width: 100%; height: 93px; top: 0px; right: 0px; float: right; z-index: 37; } .blog #header_links_holder { display: inline-block; position: absolute; width: 100%; height: 93px; top: 0px; right: 0px; float: right; z-index: 37; border-bottom: 1px solid #dcdcdc; } #header_links { width: 100%; height: 57px; font-size: 18px; position: relative; float: right; z-index: 34; top: 0px; right: 0px; display: inline-block; } #main-nav { display: inline-block; width: 100%; height: 57px; /* set to the height you want your menu to be */ margin: 0 0 0px; /* just to give some spacing */ padding: 0 0px 0 0; float: right; position: absolute; z-index: 34; right: 0px; top: 0px;*/ font-family: 'fakt_medium'; font-size: 19px; } #main-nav ul { margin: 0; padding: 0; /* only needed if you have not done a CSS reset */ width: 100%; } #main-nav li { display: block; float: right; line-height: 93px; /* this should be the same as your #main-nav height */ height: 57px; /* this should be the same as your #main-nav height */ margin: 0px 0px 0 0px; padding: 0px 0px 0px 0px; /* only needed if you don't have a reset */ } #main-nav li a { display: block; height: 93px; line-height: 93px; padding: 0px 27px; margin: 0px 0px 0px 0px; color: #000; } li#menu_btn { display: none; } #main-nav li a img#twitter_normal { display: block; height: auto; padding: 35px 5px; margin: 0px 0px 0px 0px; } #main-nav li a img#twitter_white { display: none; height: auto; padding: 35px 5px; margin: 0px 0px 0px 0px; } #main-nav li a:hover img#twitter_normal { display: none; height: auto; padding: 35px 5px; margin: 0px 0px 0px 0px; } #main-nav li a:hover img#twitter_white { display: block; height: auto; padding: 35px 5px; margin: 0px 0px 0px 0px; } button#header_search_button { background: none; display: block; height: 93px; line-height: 93px; padding: 0px 27px; margin: 0px 0px 0px 0px; color: #000; border-width: 0px; border-style: none; border-color: transparent; border-image: none; cursor: pointer; } #main-nav li:nth-of-type(2) a#header_search_a, #main-nav li:nth-of-type(2) a#header_search_a:visited { display: none; height: 93px; line-height: 93px; padding: 0px 27px; margin: 0px 0px 0px 0px; color: #000; } #main-nav li button img#search_normal { display: block; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li button img#search_white { display: none; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li button:hover img#search_normal { display: none; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li button:hover img#search_white { display: block; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li a img#search_normal { display: none; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li a img#search_white { display: none; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li a:hover img#search_normal { display: none; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li a:hover img#search_white { display: none; height: auto; padding: 31px 12px 31px 5px; margin: 0px 0px 0px 0px; } #main-nav li:nth-of-type(2) button:hover { color: #fff; background: #3ba14b; } #main-nav li:nth-of-type(2) a:hover { color: #fff; background: #3ba14b; } #main-nav li:nth-of-type(3) a:hover { color: #fff; background: #3ba14b; } #main-nav li:nth-of-type(4) a:hover { color: #fff; background: #3ba14b; } #main-nav li:nth-of-type(5) a:hover { color: #fff; background: #3ba14b; } #main-nav li:nth-of-type(6) a:hover { color: #fff; background: #3ba14b; } #main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover { color: #fff; background: #000; } #main-nav ul ul { /* this targets all sub menus */ display: none; /* hide all sub menus from view */ font-size: 0px; padding: 0px 0 0px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #main-nav ul li:hover > ul { display: block; /* show sub menus when hovering over a parent */ height: 228px; background: #3ba14b; position: absolute; top: 93px; /* this should be the same height as the top level menu -- height + padding + borders */ width: 325px; overflow: hidden; height: auto; padding: 0px 0 0px 0; font-size: 0px; border-radius: 0 0 3px 3px; border: 0px solid #ccc; border-top: 5px solid #31893b; } #main-nav ul li:hover a { background: #3ba14b; color: #fff; } #main-nav ul li:hover ul a { background: #fff; color: #111; } #main-nav ul ul li { /* this targets all submenu items */ float: none; /* overwriting our float up above */ width: 100%; /* set to the width you want your sub menus to be. This needs to match the value we set below */ height: auto; line-height: 15px; color: #fff; margin: 0px 0 0px 0; padding: 15px; display: block; overflow: hidden; font-size: 20px; } #main-nav ul li ul li { opacity: 0; } #main-nav ul li:hover > ul li { opacity: 1; } #main-nav ul ul li a { display: block; height: auto; line-height: 25px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ font-size: 0px; font-family: 'corbeau_bold'; color: #111; } #main-nav ul ul li span.sub_title { /* this targets all submenu items */ font-size: 22px; font-family: 'corbeau_bold'; color: #fff; display: block; } #main-nav ul ul li span.sub_span { /* this targets all submenu items */ font-size: 14px; font-family: 'corbeau_thin'; color: #fff; display: block; } #main-nav ul li:nth-of-type(3) ul li a:hover { background: none; color: #de492f; } #main-nav ul li:nth-of-type(4) ul li a:hover { background: none; color: #488894; } #main-nav ul li:nth-of-type(5) ul li a:hover { background: none; color: #488894; } #main-nav ul li:nth-of-type(5) ul li:hover { background: none; color: #fff; } #main-nav ul li:nth-of-type(5) ul li a:hover, #main-nav ul li:nth-of-type(5) ul li, #main-nav ul li:nth-of-type(5) ul li a, #main-nav ul li:nth-of-type(5) ul li a:hover { background: none; color: #fff; } #main-nav ul li:nth-of-type(5) ul li { background: none; color: #fff; border-bottom: 5px solid #31893b; } #main-nav ul li:nth-of-type(5) ul li:hover { background: #31bc47; color: #fff; } #main-nav ul ul li:last-of-type { /* this targets all submenu items */ } #main-nav ul ul li a { /* target all sub menu item links */ /* give our sub menu links a nice button feel */ font-size: 80%; display: inline-block; } #main-nav ul ul li:hover a { /* target all sub menu item links */ color: inherit; background: inherit; } #main-nav ul li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## HEADER BELOW ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #header_below { display: none; width: 100%; height: 51px; background: #27649c; color: #3cbc50; text-align: left; font-size: 16px; overflow: hidden; letter-spacing: 1px; padding: 0px 45px 0 45px; line-height: 40px; border-top: 11px solid #162d4b; } .blog_post_dark #header_below { display: none; width: 100%; height: 51px; background: #535353; color: #333; text-align: left; font-size: 16px; overflow: hidden; letter-spacing: 1px; padding: 0px 45px 0 45px; line-height: 40px; border-top: 11px solid #111; } #header_below_left { display: inline-block; width: 175px; height: 100%; margin: 0 0px 0 0; text-align: right; padding: 0 25px 0 0; line-height: 93px; } #header_below_right { display: inline-block; width: 1055px; height: 100%; margin: 0 175px 0 0; text-align: left; } #header_below a, #header_below a:visited { display: inline-block; margin: 0 9px 0 9px; text-align: left; font-size: 14px; color: #fff; font-family: 'fakt_medium'; } #header_below a:first-of-type, #header_below a:first-of-type:visited { display: inline-block; margin: 0 9px 0 0px; text-align: left; font-size: 14px; color: #fff; font-family: 'fakt_medium'; } #header_below a:last-of-type, #header_below a:last-of-type:visited { display: inline-block; margin: 0 0px 0 0px; text-align: left; font-size: 14px; color: #fff; font-family: 'fakt_medium'; float: right; } #header_below a:hover, #header_below a:first-of-type:hover, #header_below a:last-of-type:hover { color: #b3e4ff; } /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## HOMEPAGE ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ #font_load { float: left; display: block; position: fixed; z-index: -99; top: -200%; left: -200%; color: #111; } #intro_screen { width: 100%; height: 74.5%; position: relative; } #intro_screen_bg_holder { position: absolute; width: 100%; height: 74.5%; z-index: -1; top: 0px; left: 0px; overflow: hidden; } #intro_screen_bg { position: relative; width: 100%; height: 100%; background: url(../images/blog_001.jpg); background-size: cover; background-position: center center; -webkit-filter: blur(45px); -moz-filter: blur(45px); -o-filter: blur(45px); -ms-filter: blur(45px); filter: blur(45px); transform: scale(1.1); } #intro_screen_overlay { /*background: url(../images/overlay_intro.png); */ background-repeat: repeat; display: block; width: 100%; height: 100%; position: absolute; padding: 145px 7% 25px 53%; float: left; z-index: 3; top: 0px; left: 0px; } a#intro_primary_a, a#intro_primary_a:visited { display: inline-block; position: absolute; top: 145px; height: 87%; height: calc(100% - 115px); width: 45%; left: 7%; background: #eee; font-size: 0px; overflow: hidden; } #intro_primary { width: 100%; height: 100%; } #primary_image_holder { display: block; width: 100%; height: 65%; background: url(../images/blog_001.jpg); background-size: cover; background-position: center center; border-bottom: 5px solid #8f968b; } #primary_image_holder[style] { background-size: cover !important; background-position: center center !important; } #primary_text { display: block; width: 100%; height: 35%; background: #333; padding: 25px; border: 1px solid #222; border-top: 0px solid #222; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } span#primary_title { display: block; display: -webkit-box; width: 100%; height: 110px; color: #fff; font-family: 'corbeau_bold'; font-size: 45px; line-height: 55px; letter-spacing: 0.5px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 10px 0; } span#primary_auth { font-size: 18px; color: #fff; font-family: 'imperial',georgia,'times new roman',times,serif; display: inline-block; margin: 0 5px 0 0; } span#primary_desc { font-size: 18px; color: #aaa; font-family: 'corbeau_thin'; display: inline-block; } .intro_secondary { display: inline-block; float: right; height: 44%; width: 45%; margin: 0px 0px 25px 19px; background: none; font-size: 0px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .secondary_image_holder { display: block; width: 100%; height: 66%; background-position: center center; background-size: cover; } .secondary_text { display: block; width: 100%; height: 78px; padding: 15px; background: #fff; } span.secondary_title { font-family: 'corbeau_medium'; color: #111; display: block; display: -webkit-box; width: 100%; height: 48px; font-size: 18px; line-height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0px; } span.secondary_featured { color: #4498a5; font-size: 14px; font-family: 'fakt_medium'; display: block; margin: 9px 0 0 0; letter-spacing: 0.5px; } #intro_screen_overlay h4 { position: absolute; bottom: 16%; right: 11%; color: #fff; display: none; width: 30%; height: auto; font-size: 27px; font-family: 'corbeau_bold'; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## HOME ROWS ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ .home_row { display: block; width: 100%; height: auto; background: #fff; padding: 77px 4% 35px 7%; border-top: 1px solid #444; } .home .home_row_below { display: block; width: 100%; height: auto; background: #fff; padding: 10px 4% 35px 7%; } .home .home_row_below { display: block; width: 100%; height: auto; background: #fff; padding: 10px 4% 35px 7%; } .home .home_row_below#recommended { display: block; width: 100%; height: auto; background: #fff; padding: 10px 4% 75px 7%; } .home_row h2 { background: #3ba14b; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display:inline-block; margin: 0 80% 0 0; } .home_row_below#popular h2 { background: #44a594; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display:inline-block; margin: 0 80% 0 0; } .home_row_below#recommended h2 { background: #4482a5; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display:inline-block; margin: 0 80% 0 0; } .item_holder { width: 17.9%; height: 233px; display: inline-block; margin: 0 1.5% 0 0; vertical-align: top; } .item_image { display: block; width: 100%; height: 66%; vertical-align: top; } .item_text { display: block; width: 100%; height: 70px; background: #f1f1f1; padding: 15px; border: 1px solid #ddd; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .item_text p { display: block; display: -webkit-box; width: 100%; height: 40px; font-family: 'corbeau_bold'; color: #000; vertical-align: top; font-size: 15px; line-height: 20px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0px; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## WP EDIT LINKS ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ .page span#top_edit_link { display: inline-block; vertical-align:top; margin: 0 0 0 3px; font-size: 50%; } .page span#top_edit_link a.post-edit-link, .page span#top_edit_link a.post-edit-link:visited { display: inline-block; padding: 0.5em 1em; color: #111; background: #ffcf28; font-size: 100%; margin: 0 0 0 0; font-family: 'corbeau_medium'; vertical-align: top; } .page span#top_edit_link a.post-edit-link:hover { display: inline-block; padding: 0.5em 1em; color: #111; background: #ffbb17; font-size: 100%; margin: 0 0 0 0; font-family: 'corbeau_medium'; vertical-align: top; } /* BLOG POST TOP EDIT LINK */ span#top_edit_link a.post-edit-link, span#top_edit_link a.post-edit-link:visited { padding: 0.5em 1em; color: #111; background: #ffcf28; text-decoration: none; font-size: 14px; display: none; margin: 0px 0 20px 0; font-family: 'corbeau_medium'; border-bottom: 0px solid #111; line-height: 1; } span#top_edit_link a.post-edit-link:hover { padding: 0.5em 1em; color: #111; background: #ffbb17; text-decoration: none; font-size: 14px; display: inline-block; margin: 0em 0 20px 0; font-family: 'corbeau_medium'; border-bottom: 0px solid #111; line-height: 1; } /* BLOG POST BOTTOM EDIT LINK */ div#content span.edit-link a.post-edit-link, div#content span.edit-link a.post-edit-link:visited { padding: 0.5em 1em; color: #111; background: #ffcf28; text-decoration: none; font-size: 80%; display: inline-block; margin: 1em 0 0em 0; font-family: 'corbeau_medium'; border-bottom: 0px solid #111; line-height: 1; } div#content span.edit-link a.post-edit-link:hover { padding: 0.5em 1em; color: #111; background: #ffbb17; text-decoration: none; font-size: 80%; display: inline-block; margin: 1em 0 0em 0; font-family: 'corbeau_medium'; border-bottom: 0px solid #111; line-height: 1; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## BG STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #bg_holder { width:100%; position: fixed; left: 0%; height: 100%; float: left; z-index: -1; top: 0px; } #blog_post_bg { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: #fff; } .search #blog_post_bg { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: #ddd; } #topics_bg { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; display: block; background: url(../images/blog_bg.jpg); background-size: cover; background-position: center center; -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); transform: scale(1.1); } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## BLOG POST STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #var_holder { position:absolute; display:none; float:left; z-index:2; top:-2; left:-200px; width:0px; height:0px; font-size:0px; overflow:hidden; } #post_holder { width: 775px; height: auto; display: inline-block; margin: 155px 17px 115px auto; background: #fff; vertical-align: top; } .blog #post_holder { width: 653px; height: auto; display: inline-block; margin: 75px 39px 115px auto; background: #fff; vertical-align: top; } #post_mobile_header { display: none; } #post_header { display: block; width: 100%; height: auto; padding: 0 0 25px 0; text-align: left; } #post_header h1 { display: block; width: 100%; height: auto; padding: 0 0 15px 0; text-align: left; font-size: 36px; font-family: 'corbeau_bold'; color: #111; line-height: 1.15; } #post_header_left { display: inline-block; width: 50%; text-align: left; vertical-align: top; } #post_header_right { display: inline-block; width: 48%; text-align: right; margin: 0 0 0 0.7%; vertical-align: top; } #post_header_right .essb_links { word-wrap: normal!important; clear: both; margin: 0em 0; } #post_featured_image { width: 100%; height: 395px; display: block; border-bottom: 7px solid #777; position: relative; } .blog #post_featured_image, .blog_post_dark #post_featured_image { width: 100%; height: 375px; display: block; border-bottom: 0px solid #777; position: relative; } #caption_holder { position: absolute; bottom: 15px; right: 15px; display: inline-block; padding: 0px; background: #111; } #caption_icon { font-family: 'corbeau_bold'; color: #fff; font-size: 13px; cursor: pointer; padding: 7px 11px; letter-spacing: 1px; } #caption_overlay { position: absolute; width: 295px; height: auto; background: #111; color: #fff; font-size: 19px; padding: 15px; bottom: 110%; right: 0px; text-align: left; opacity: 0; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; line-height: 1.2; letter-spacing: 1px; } #caption_holder:hover #caption_overlay { opacity: 1; } #caption_holder:hover #caption_overlay:hover { opacity: 0; } #post { width: 100%; height: auto; display: block; padding: 33px; text-align: left; } .blog #post, .blog_post_dark #post { width: 100%; height: auto; display: block; padding: 33px 0 15px 0; text-align: left; } #post h1 { font-family: 'corbeau_bold'; font-size: 41px; color: #111; display: block; margin: 0 0 22px 0; } span#post_auth { font-size: 15px; font-family: 'fakt_medium'; color: #ccc; display: inline-block; margin: 0 20px 20px 0; } span#post_cat { font-size: 15px; font-family: 'fakt_medium'; color: #ccc; display: inline-block; margin: 0 20px 20px 0; } span#post_comments { font-size: 15px; font-family: 'fakt_medium'; color: #ccc; display: inline-block; margin: 0 20px 20px 0; } a span#post_comments, a:visited span#post_comments { font-size: 15px; font-family: 'fakt_medium'; color: #ccc; display: inline-block; margin: 0 0px 20px 0; font-weight: 100; } a:hover span#post_comments { font-size: 15px; font-family: 'fakt_medium'; display: inline-block; margin: 0 0px 20px 0; font-weight: 100; color: #3ba14b; } #post_header span#post_date { font-size: 14px; color: #252525; font-family: 'fakt_medium'; display: inline-block; line-height: 1.5; margin: 0 15px 2px 0; } .blog_post_dark #post_header span#post_date { font-size: 14px; color: #fff; font-family: 'fakt_medium'; display: inline-block; line-height: 1.5; margin: 0 15px 2px 0; } #post_header span#post_auth { font-size: 14px; color: #252525; font-family: 'fakt_medium'; display: inline-block; line-height: 1.5; margin: 0 15px 2px 0; } .blog_post_dark #post_header span#post_auth { font-size: 14px; color: #fff; font-family: 'fakt_medium'; display: inline-block; line-height: 1.5; margin: 0 15px 2px 0; } #post_header span#post_auth span { font-size: 14px; color: #3ba14b; font-family: 'fakt_medium'; display: inline-block; line-height: 1.5; margin: 0 0px 0 0; } #post_header span#post_cat { font-size: 14px; color: #252525; font-family: 'fakt_medium'; display: block; margin: 0 0 0 0; } .blog_post_dark #post_header span#post_cat { font-size: 14px; color: #fff; font-family: 'fakt_medium'; display: block; margin: 0 0 0 0; } #post_header span#post_cat a, #post_header span#post_cat a:visited { font-size: 14px; color: #1f578a; font-family: 'fakt_medium'; display: inline-block; margin: 0 0 0 0; } .blog_post_dark #post_header span#post_cat a, .blog_post_dark #post_header span#post_cat a:visited { font-size: 14px; color: #3690c4; font-family: 'fakt_medium'; display: inline-block; margin: 0 0 0 0; } #post_header span#post_comments { font-size: 15px; font-family: 'fakt_medium'; color: #ccc; display: inline-block; margin: 0 20px 20px 0; } a span#post_comments, a:visited span#post_comments { font-size: 15px; font-family: 'fakt_medium'; color: #ccc; display: inline-block; margin: 0 0px 20px 0; font-weight: 100; } a:hover span#post_comments { font-size: 15px; font-family: 'fakt_medium'; display: inline-block; margin: 0 0px 20px 0; font-weight: 100; color: #3ba14b; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## POST CONTENT STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #content { width: 100%; height: auto; color: #333; font-family: 'imperial',georgia,'times new roman',times,serif; font-size: 19px; line-height: 1.6; letter-spacing: 1px; overflow: hidden; } .page #content strong, .blog #content strong { font-family: 'imperial',georgia,'times new roman',times,serif; font-weight: 700; font-size: 1em; color: #111; } .page #content u, .blog #content u { font-family: 'imperial',georgia,'times new roman',times,serif; font-weight: 100; border-bottom: none; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, .page #content h1, .page #content h2, .page #content h3, .page #content h4, .page #content h5, .page #content h6, .blog #content h1, .blog #content h2, .blog #content h3, .blog #content h4, .blog #content h5, .blog #content h6 { font-family: 'corbeau_bold'; font-weight: 100; line-height: 1.4; margin: 0 0 1em 0; } #content h3, .blog #content h3 { font-size: 1.6em; } .blog #content h2#title { font-family: 'corbeau_bold'; font-weight: 100; line-height: 1.2; } .page #content p, .blog #content p { -webkit-margin-before: 0em; -webkit-margin-after: 0em; margin: 1.5em 0px; } .page #content p:first-of-type, .blog #content p:first-of-type, .blog_post_dark p:first-of-type { -webkit-margin-after: 0em; margin: 0 0 1.5em 0px; } .page #content em, .blog #content em { font-family: inherit; font-weight: 100; } #content ul, .page #content ul, .blog #content ul { width: auto; margin: 0.2em 0; list-style-type: square; padding: 0; } #content li, .page #content li, .blog #content li { width: auto; margin: 0em 1em 0em 3em; list-style-type: square; padding: 0.75em 0.5em; font-size: 90%; } .page #content img, .blog #content img { max-width: 100%; display: block; } .page #content a, .page #content a:visited, .blog #content a, .blog #content a:visited { display: inline; font-family: inherit; text-decoration: none; border-bottom: 1px #111 solid; } .page #content a:hover, .blog #content a:hover { color: #31bdff; border-bottom: 1px #31bdff solid; } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .aligncenter { clear: both; display: block; margin: 0 auto; } .alignright { display: inline; float: right; margin: 0.8em 0.3em 0.8em 1em; } .alignleft { display: inline; float: left; margin: 0.8em 1em 0.8em 0.3em; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; font-size: 19px; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } /* ################################################# */ /* ################################################# */ /* ################################################# */ /* ######### SHARE STYLES ########### */ /* ################################################# */ /* ################################################# */ /* ################################################# */ #blog_share { display:block; width: 100%; height: auto; margin: 57px 0 0px 0; padding: 0 0 0px 0; font-size: 0px; text-align: left; } span#share_title { display:block; width: 100%; height: auto; font-size: 23px; color:#888; font-family:'corbeau_bold'; margin: 0 0 25px 0; } #blog_share button { display:inline-block; width: 57px; padding: 11px; background:none; color:#fff; font-family:'corbeau_bold'; font-size: 0px; border-radius: 99px; margin: 0 17px 0px 0; opacity: 0.85; } #blog_share button img { display:inline-block; width:100%; height: auto; } #blog_share button.fb_btn { background:#0866FF; } #blog_share button.email_btn { background:#A89E97; } #blog_share button.insta_btn { background:#EE4056; } #blog_share button.tw_btn { background:#08D8FF; } #blog_share button:hover { opacity: 1; } #get_code { position: fixed; display: block; width: 100%; height: 0%; background: #3ba14b; background: #d2295b; background:#ddd; padding: 0 5%; float: left; top: -30%; left: 0px; z-index: 388; z-index:499; overflow: hidden; -moz-transition-duration: 0.62s; -o-transition-duration: 0.62s; -webkit-transition-duration: 0.62s; transition-duration: 0.62s; text-align: center; } #get_code table { width: 100%; height: 100%; padding: 0; margin: 0; border-spacing: 0px; } #get_code tr { width: 100%; height: 100%; } #get_code td { width: 100%; height: 100%; margin: 0; padding: 0; border-spacing: 0px; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; vertical-align: middle; text-align: center; } #get_code.get_code_toggle { height: 100%; top:0%; } #copySuccessHolder { position: relative; display: block; width: 100%; height: 1px; } #copyBtnHolder { position: relative; display: block; width: 100%; height: 1px; } span#copySuccess { position: absolute; display: none; width: 200%; float: left; z-index: 501; bottom: 25px; left: -50%; margin: auto; padding: 0px; font-size: 27px; font-family: 'corbeau_bold'; color: #fff; background: #b20d3e; background: none; border-radius: 4px; text-align: center; line-height: 1; } span#copySuccess.on { display: inline-block; } #copyBtnHolder button { position: absolute; display: inline-block; text-align: center; width: auto; float: left; z-index: 503; top: 5px; right: 4px; font-size: 12px; color: #d2295b; color: #555; font-family: 'corbeau_medium'; line-height: 1; margin: auto; padding: 4px 6px; background-color: #ddc5cc; background: #d1d1d1; background: #FED015; border: 0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; -webkit-appearance: none; -webkit-border-radius: 4; } #copyBtnHolder button:hover { background: #FED015; background: #FCAC01; color: #111; } #code_box { display: inline-block; width: 90%; max-width: 677px; height: auto; margin: auto; } input#code_field { display: inline-block; width: 100%; height: 69px; background: #fff; color: #111; padding: 23px 19px; text-align: center; font-size: 23px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border-radius:6px; } #copy_lower { display: inline-block; width: 100%; max-width: 355px; height: auto; } #share_code_guide { display: block; width: 100%; height: auto; margin: 15px 0 25px 0; text-align: left; font-size: 18px; color:#777; } button#doneShare { display: inline-block; text-align: center; width: auto; float: left; font-size: 19px; color: #fff; font-family: 'corbeau_bold'; text-transform: uppercase; line-height: 1; margin: auto; padding: 9px 11px; margin: auto; background-color: #FF0000; background-color: #bc2a55; background-color:#aaa; border: 0; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; -webkit-appearance: none; -webkit-border-radius: 4; } button#doneShare span { font-family:'symbols'; } button#code_close_btn, button#code_close_btn:visited { padding: 11px 11px; background: none; color: #fff; font-family: 'corbeau_bold'; font-size: 0px; position: absolute; top: 35px; right: 35px; border: solid 0px #f74185; border-radius: 7px; cursor: pointer; float: right; z-index: 1023; } button#code_close_btn:hover { background: none; border: solid 0px #ff74a8; cursor: pointer; } button#code_close_btn:hover .menu_close_bar_horizontal, button#code_close_btn:hover .menu_close_bar_vertical { } .x_holder { position: relative; display:inline-block; transform: rotate(45deg); } .x { background: #fff; height: 40px; position: relative; width: 8px; } .x:after { background: #fff; content: ""; height: 8px; left: -16px; position: absolute; top: 16px; width: 40px; } /* ################################################# */ /* ################################################# */ /* ################################################# */ /* ######### SHARE COLORS ########### */ /* ################################################# */ /* ################################################# */ /* ################################################# */ #get_code { background: #d2295b; background:#dcdcdc; } /* FACEBOOK COLORS /* EMAIL COLORS */ #get_code { background:#dcdcdc; } span#copySuccess { color:#777; } #share_code_guide { color:#777; } button#doneShare { background: #FCAC01; color:#fff; } button#doneShare:hover { background: #FED015; } /* ################################################# */ /* ################################################# */ /* ################################################# */ /* ######### COMMENTS STYLES ########### */ /* ################################################# */ /* ################################################# */ /* ################################################# */ #blog_comments_holder { display:block; width:100%; height:auto; } #blog_single_comments { display:inline-block; width:100%; height:auto; text-align:left; } #comments_holder { display: block; width: 100%; height: auto; text-align: left; font-size:19.5px; color:#888; font-family:'corbeau_medium'; } #comments_holder_inside { display: block; width: 100%; height: auto; margin: 57px 0 0 0; padding: 57px 0 0 0; border-top: 4px solid #ddd; } #comments_holder h3 { display: block; font-family: 'corbeau_bold'; font-size: 43px; color:#888; margin: 0 0 3px 0; letter-spacing: 0px; } #comments_holder_inside h3 { margin: 0 0 22px 0; } ol.comment-list { display: block; width: 100%; height: auto; margin: 0px 0 0 0; padding: 0px; } li.comment { display: block; width: 100%; margin: 0 0 75px 0; padding: 0px; } .comment-author img { display: none; } .says { display: none; } div.comment-body { display: block; width: 100%; height: auto; position: relative; } .comment-text { display: block; width: 100%; height: auto; margin: 0 0 25px 0; } .comment-content p a, .comment-content p a:visited { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .comment-author-info { display: block; width: 100%; height: auto; } b.fn { display: inline-block; color: #555; font-family: 'corbeau_bold'; font-size: 21px; font-style: initial; padding: 0px; margin: 5px 0 0 0px; } .comment-author-info cite a, .comment-author-info cite a:visited { display: inline-block; color: #3ba14b; font-family: 'corbeau_bold'; font-size: 21px; background: none; font-style: initial; padding: 0px 0px 0px 0px; margin: 0px; float: none; } .comment-author-info cite a:hover { display: inline-block; color: #30d249; font-size: 21px; background: none; font-style: initial; } .comment-meta.commentmetadata { display: block; width: 100%; height: auto; text-align: left; margin: 7px 0 11px 0; } .comment-metadata a, .comment-metadata a:visited { display: block; color: #888; font-family: 'corbeau_medium'; font-size: 13px; margin: 10px 0 5px 0; background: none; width: auto; padding: 0px; float: none; } .comment-metadata a:hover { display: block; color: #999; font-size: 13px; margin: 10px 0 5px 0; background: none; padding: 0px; } em.comment-awaiting-moderation { display:inline-block; width:69%; margin: 0 28% 1em 0; color:#aaa; } #respond p.comment-form-url { display: none; } ol.comment-list li { position: relative; display: block; } a.comment-edit-link, a.comment-edit-link:visited { display: none; } .comment-text p { display: block; width: 100%; height: auto; color: #111; font-family: 'corbeau_thin'; font-size: 21px; margin: 0 0 22px 0; line-height: 1.3; letter-spacing: 1px; } .reply { position: absolute; top: 0px; right: 7px; display: inline-block; } .reply a, .reply a:visited { display: inline-block; background: #22BBFF; background:#ccc; color: #fff; font-family: 'corbeau_medium'; font-size: 16px; font-style: initial; padding: 5px 8px; margin: 0px; border-radius: 5px; } .reply a:hover { background: #028FCE; background: #22BBFF; } a#cancel-comment-reply-link, a#cancel-comment-reply-link:visited { display:inline-block; padding: 5px 7px; border-radius:4px; font-size: 14px; color:#fff; background:#bbb; font-family:'corbeau_medium'; margin: 0 0 22px 0; } a#cancel-comment-reply-link:hover { background:#999; } /* ################################################# */ /* ################################################# */ /* ################################################# */ /* ######### RESPOND STYLES ########## */ /* ################################################# */ /* ################################################# */ /* ################################################# */ #respond { display: block; width: 100%; height: auto; margin: 57px 0 0 0; padding: 57px 0 0 0; border-top: 4px solid #ddd; text-align: left; font-size:19.5px; color:#888; font-family:'corbeau_medium'; } #comments_holder label { display:inline-block; vertical-align: top; width: 113px; text-align: left; margin: 0 15px 0 0; padding: 5px 0 0 0; } #comments_holder .aiowps-captcha label { display:inline-block; vertical-align: top; width: 100%; text-align: left; margin: 0 0px 0px 0; padding: 5px 0 0 129px; } #comments_holder input[type=email], #comments_holder input[type=text], #comments_holder input[type=password], #comments_holder input { font-family: 'corbeau_medium'; border: none; border-radius: 0px; margin: 0 0 10px 0; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; -webkit-appearance: none; -webkit-border-radius:6px; border-radius:6px; border: none; outline: none; border: 2px solid #ddd; } #comments_holder input[type=email]:focus, #comments_holder input[type=text]:focus, #comments_holder input[type=password]:focus, #comments_holder input:focus { -webkit-appearance: none; border: 2px solid #ffcf28; } #comments_holder textarea { height: 150px; resize: none; border: none; border-radius: 0px; margin: 0 0 10px 0; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #fff; -webkit-appearance: none; -webkit-border-radius:6px; border-radius:6px; border: none; outline: none; border: 2px solid #ddd; vertical-align: top; } #comments_holder textarea:focus { height: 150px; resize: none; font-family: 'corbeau_medium'; outline: none; -webkit-appearance: none; border: 2px solid #ffcf28; } #comments_holder input[type=email], #comments_holder input[type=text], #comments_holder input[type=password], #comments_holder input, #comments_holder textarea { display:inline-block; width: auto; padding: 17px; font-size: 18px; font-family:'corbeau_bold'; letter-spacing: 0.5px; line-height: 1.2; color:#888; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #comments_holder input[type=email]:focus, #comments_holder input[type=text]:focus, #comments_holder input[type=password]:focus, #comments_holder input:focus, #comments_holder textarea:focus { display:inline-block; width: auto; padding: 17px; font-size: 18px; font-family:'corbeau_bold'; letter-spacing: 0.5px; line-height: 1.2; color:#888; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #comments_holder input[type=email], #comments_holder input[type=text], #comments_holder input[type=password], #comments_holder input, #comments_holder input[type=email]:focus, #comments_holder input[type=text]:focus, #comments_holder input[type=password]:focus, #comments_holder input:focus { width: calc(64% - 19px - 109px); } .aiowps-captcha-equation { position: relative; display:block; width:100%; padding-left: 129px; } .aiowps-captcha-equation strong { display: inline-block; width: 100%; text-align: left; } #comments_holder .aiowps-captcha-equation input, #comments_holder .aiowps-captcha-equation input[type=text], #comments_holder .aiowps-captcha-equation input:focus, #comments_holder .aiowps-captcha-equation input[type=text]:focus { width: 87px; margin: 0 0 0 15px; } #comments_holder textarea, #comments_holder textarea:focus { width: calc(100% - 75px - 109px); } #comments_holder input[type="submit"], #comments_holder input[type="button"] { display: inline-block; width: auto; font-family:'corbeau_bold'; position: relative; margin: 11px 0 0 128px; padding: 16px 20px 16px 20px; color: #fff; background:#0B54F2; font-size: 19px; text-align: center; font-style: normal; outline: none; border: 0px; cursor: pointer; border-radius: 6px; } #comments_holder input[type="submit"]:hover, #comments_holder input[type="button"]:hover { color: #fff; background:#0B74F2; outline: none; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## SIDEBAR STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #sidebar { display: inline-block; width: 360px; height: auto; min-height: 900px; margin: 195px auto 115px 0%; position: relative; text-align: left; vertical-align: top; background: #fff; padding: 0 0 35px 0; } .blog #sidebar { display: inline-block; width: 360px; height: auto; min-height: 900px; margin: 195px auto 115px 0%; position: relative; text-align: left; vertical-align: top; background: #fff; padding: 0 0 35px 0; } .sidebar_row { width: 100%; height: auto; display: block; padding: 35px 35px 0 35px; font-size: 18px; color: #555; font-family: 'corbeau_medium'; } .sidebar_row h3 { display: block; color: #3ba14b; color: #bbb; text-transform: uppercase; margin: 0 0 11px 0; } .sidebar_row a, .sidebar_row a:visited { display: block; margin: 0 0 7px 0; font-size: 21px; } .sidebar_row a:hover { color: #3ba14b; } #sidebar_featured { display: block; width: 100%; height: auto; padding: 35px; font-size: 18px; border-bottom: solid 7px #aaa; } .blog #sidebar_featured { display: block; width: 100%; height: auto; padding: 35px; font-size: 18px; border-bottom: solid 0px #aaa; background: #eee; } #sidebar_featured h3 { display: block; color: #aaa; text-transform: uppercase; padding: 0px; margin: 0 0 11px 0; } #sidebar_featured a.sidebar_post, #sidebar_featured a.sidebar_post:visited { width: 100%; display: block; font-size: 18px; font-family: 'corbeau_bold'; color: #333; margin: 0px 0px 35px 0; } #sidebar_featured a.sidebar_post:hover { color: #4482a5; } span.sidebar_desc { display: block; width: 100%; height: auto; font-family: 'corbeau_thin'; font-size: 16px; margin: 7px 0 0 0; color: #222; } span.sidebar_cat { display: block; width: 100%; height: auto; font-family: 'corbeau_thin'; font-size: 16px; margin: 7px 0 0 0; color: #222; } #sidebar_featured a.sidebar_post:nth-of-type(2) span.sidebar_desc, #sidebar_featured a.sidebar_post:nth-of-type(3) span.sidebar_desc { display: none; } .sidebar_feature_article { display: block; width: 100%; height: auto; padding: 35px 35px 0 35px; } .sidebar_feature_article img { display: block; width: 100%; height: auto; margin: 0 0 20px 0; } .sidebar_feature_article a, .sidebar_feature_article a:visited { display: block; width: 100%; height: auto; color: #111; } .sidebar_feature_article a:hover { color: #3ba14b; } .sidebar_feature_article span { display: block; width: 100%; height: auto; font-family: 'corbeau_bold'; color: #111; font-size: 24px; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## POST AD FULL ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #post_related_feature { position: relative; display: block; width: 100%; height: auto; } #post_related_feature img { display: block; width: 100%; height: auto; } #post_related_feature_content { position: absolute; display: inline-block; float: left; z-index: 33; left: 25%; bottom: 30%; color: #fff; text-align: left; font-size: 10px; } #post_related_feature_content span { display: inline-block; float: left; clear: both; background: #111; color: #fff; background: #ffcf28; color: #111; padding: 7px 10px; font-size: 150%; margin: 0 0 11px 0; } a#ad_link_main, a#ad_link_main:visited { display: inline-block; float: left; clear: both; font-size: 550%; } a#ad_link_sub, a#ad_link_sub:visited { display: inline-block; float: left; clear: both; font-size: 210%; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## PAGE STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #about_bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: -1; background: url(../images/blog_about.jpg); background: #111; background-size: cover; background-position: center center; /* -webkit-filter: blur(45px); -moz-filter: blur(45px); -o-filter: blur(45px); -ms-filter: blur(45px); filter: blur(45px); transform: scale(1.1); */ } .page_single_header_bg { background: #888; width: 100%; height: 93px; margin: 0px; display: block; } .page_content_holder { display: block; width: 100%; margin: 0px 0 0 0; height: auto; padding: 75px 29%; background: #fff; color: #111; font-size: 22px; } .content { padding: 0px 0px 0px 0px; display: block; line-height: 1.4; font-size: 19px; font-family: 'imperial'; vertical-align: top; } .page_featured_image { width: 250px; display: inline-block; height: 250px; float: left; padding: 0 25px 25px 0; margin: 0 25px 25px 0; } .content h1 { font-size: 45px; font-family: 'corbeau_bold'; display: inline-block; margin: 0 0 0px 0px; float: left; clear: right; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## FEATURED STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #featured_holder { display: block; width: 100%; padding: 0px; font-size: 0px; font-family: 'corbeau_bold'; color: #fff; text-align: center; background: #1f578a; background: #ddd; background: #fff; } .blog #featured_holder { display: block; width: 100%; padding: 0px; font-size: 0px; font-family: 'corbeau_bold'; color: #fff; text-align: center; background: #1f578a; background: #ddd; background: #ddd; } #featured_inside { display: inline-block; width: 42%; max-width: 700px; margin: 85px auto; text-align: left; } #featured_inside h2 { background: #3ba14b; background: #4482a5; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display: inline-block; margin: 0 60% 0 0; } #featured_inside a:first-of-type { display: inline-block; width: 100%; height: 455px; background: #fff; color: #111; font-size: 38px; margin: 0 0 28px 0; vertical-align: top; } #featured_inside a:nth-of-type(2) { display: inline-block; width: 48%; height: 255px; background: #fff; color: #111; font-size: 18px; margin: 0 1.9% 0 0; vertical-align: top; } #featured_inside a:nth-of-type(3) { display: inline-block; width: 48%; height: 255px; background: #fff; color: #111; font-size: 18px; margin: 0 0% 0 1.9%; vertical-align: top; } .featured_article { display: block; width: 100%; height: 100%; } .featured_article_image { display: block; width: 100%; height: 69%; } .featured_article_text { padding: 18px; font-family: 'corbeau_bold'; } .featured_article_text p { padding: 18px; font-family: 'corbeau_bold'; } #featured_inside a:first-of-type .featured_article_text p { display: block; display: -webkit-box; width: 100%; height: 94px; padding: 0px; font-size: 38px; line-height: 47px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0px; } #featured_inside a:nth-of-type(2) .featured_article_text p, #featured_inside a:nth-of-type(3) .featured_article_text p { display: block; display: -webkit-box; width: 100%; height: 48px; padding: 0px; font-size: 18px; line-height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0px; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## TOPICS STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #topics_holder { display: block; height: auto; vertical-align: top; text-align: left; font-size: 0px; width: 100%; padding: 0px 0% 0px 0%; } h2#page_title { display: inline-block; font-size: 45px; color: #fff; background: #44a594; padding: 11px 19px; margin: 0 0 0px 0%; font-family: 'corbeau_bold'; font-family: 'corbeau_bold'; } .white h2#page_title { display: block; font-size: 30px; color: #fff; background: #44a594; background: #7b7b7b; background: #3ba14b; background: none; padding: 148px 7% 55px 7%; margin: 0 0 0px 0%; font-family: 'corbeau_bold'; font-family: 'corbeau_medium'; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; } .white .home_row { display: block; width: 100%; height: auto; background: #fff; padding: 70px 4% 15px 7%; border-top: 0px solid #444; } .white .home_row_below { display: block; width: 100%; height: auto; background: #fff; padding: 10px 4% 35px 7%; } .white .item_text { display: block; width: 100%; background: #fff; border-top: 2px solid #555; font-family: 'corbeau_bold'; color: #000; border: 1px solid #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; vertical-align: top; } .topics .item_text p { font-size: 18px; } #topics_text_links { display: block; width: 100%; height: auto; color: #333; font-size: 22px; padding: 20px 7% 115px 7%; background: #fff; -webkit-columns: 150px 5; -moz-columns: 150px 5; columns: 150px 5; } #topics_text_links ul { list-style-type: none; padding: 0px; margin: 0px; } #topics_text_links ul li { list-style-type: none; padding: 0px; margin: 0px; font-size: 0px; display: block; } #topics_text_links ul li ul li { list-style-type: none; padding: 0px; margin: 0px; font-size: 22px; display: block; } #topics_text_links h2 { background: #44a594; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display: inline-block; margin: 0 17% 8px 0; } #topics_text_links ul li ul li a, #topics_text_links ul li ul li a:visited { display: block; height: auto; color: #333; font-size: 20px; padding: 7px 0%; background: #fff; font-family: 'corbeau_medium'; } #topics_text_links ul li ul li a:hover { color: #3ba14b; color: ##4482a5; color: #44a594; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## TOPIC SINGLE STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ .topic_single #intro_screen_overlay h2 { background: #3ba14b; background: none; color: #fff; width: auto; font-size: 30px; font-family: 'corbeau_medium'; padding: 7px 0px; margin: 0px; display: inline-block; margin: 0 60% 0 0; display: inline-block; position: absolute; top: 124px; left: 7%; } .topic_single a#intro_primary_a, .topic_single a#intro_primary_a:visited { display: inline-block; position: absolute; top: 188px; height: 87%; height: calc(100% - 165px); width: 45%; left: 7%; background: #eee; font-size: 0px; overflow: hidden; } .topic_single #primary_text { padding: 18px 25px 18px 25px; } .topic_single .intro_secondary { display: inline-block; float: right; height: 44%; width: 45%; margin: 43px 0px 25px 19px; background: #fff; font-size: 0px; overflow: hidden; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .topic_single .home_row { display: block; width: 100%; height: auto; background: #fff; padding: 77px 21.23% 75px 7%; border-top: 0px solid #444; } .topic_single .home_row h2 { background: #3ba14b; background: #44a594; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display:inline-block; margin: 0 80% 0 0; } .topic_single .item_holder { width: 22.53%; height: 233px; display: inline-block; margin: 0 1.888% 35px 0; vertical-align: top; } #no_posts { width: 100%; height: auto; display: block; margin: 25px 0px; -webkit-columns: 250px 3; -moz-columns: 250px 3; columns: 250px 3; font-size: 22px; font-family: 'corbeau_thin'; color: #111; } #topic_single_below { display: block; margin: 35px 0 0 0; } #topic_single_below a, #topic_single_below a:visited { display: inline-block; margin: 0px 25px 15px 0; font-size: 22px; color: #fff; font-family: 'corbeau_medium'; } #topic_single_below a:hover { color: #ffcf28; } #posts_nav h2 { display: none; } div.nav-previous, div.nav-next { display: inline-block; margin: 0 15px 0 0; } #posts_nav a, #posts_nav a:visited { background: #4482a5; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display: inline-block; margin: 10px 0% 10px 0; } #posts_nav a:hover { background: #3b9fd7; } #posts_nav div.nav-next a, #posts_nav div.nav-next a:visited { background: #44a594; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display: inline-block; margin: 10px 0% 10px 0; } #posts_nav div.nav-next a:hover { background: #42ceb5; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## TOPIC SINGLE 3 STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ .white h4#page_desc { display: inline-block; font-size: 25px; color: #fff; background: none; padding: 5px 0% 0px 7%; margin: 0 0 0px 0%; font-family: 'corbeau_bold'; font-family: 'corbeau_thin'; } #topic_single_items { background: #fff; width: 100%; height: auto; display: block; padding: 55px 7% 5px 7%; } #topic_single_items h4 { background: none; color: #111; width: auto; font-size: 25px; font-family: 'corbeau_thin'; padding: 0x; margin: 0 0 35px 0; display: block; } #topic_single_items h3 { background: #3ba14b; color: #fff; width: auto; font-size: 20px; font-family: 'corbeau_medium'; padding: 4px 7px; margin: 0px; display: inline-block; margin: 0 80% 0 0; } a.topic_primary_item { width: 45%; display: inline-block; height: 415px; font-size: 0px; overflow: hidden; } #topic_primary { width: 100%; height: 100%; } #topic_image_holder { display: block; width: 100%; height: 65%; background: url(../images/blog_001.jpg); background-size: cover; background-position: center center; border-bottom: 5px solid #8f968b; } #topic_text { display: block; width: 100%; height: 35%; background: #333; padding: 25px; border: 1px solid #222; border-top: 0px solid #222; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } span#topic_title { font-size: 32px; color: #fff; font-family: 'corbeau_bold'; display: block; margin: 0 0 10px 0; } span#topic_auth { font-size: 16px; color: #fff; font-family: 'imperial',georgia,'times new roman',times,serif; display: inline-block; margin: 0 5px 0 0; } span#topic_desc { font-size: 16px; color: #aaa; font-family: 'corbeau_thin'; display: inline-block; } .topic_secondary { display: inline-block; float: right; height: 225px; width: 23%; margin: 0px 0px 25px 19px; background: #eee; font-size: 0px; overflow: hidden; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .topic_image_holder { display: block; width: 100%; height: 66%; background-position: center center; background-size: cover; } .secondary_text { display: block; width: 100%; height: 34%; padding: 15px; text-align: left; } span.secondary_title { font-family: 'corbeau_medium'; font-size: 18px; color: #111; } #topic_single_row { } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## BRIDGE STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #bridge_bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: -1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#979899+0,0b0b0c+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(241,242,243,1) 0%, rgba(155,155,155,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(241,242,243,1) 0%,rgba(155,155,155,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(241,242,243,1) 0%,rgba(155,155,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */ background: #111; /* -webkit-filter: blur(45px); -moz-filter: blur(45px); -o-filter: blur(45px); -ms-filter: blur(45px); filter: blur(45px); transform: scale(1.1); */ } #bridge_holder { width: 775px; height: auto; display: inline-block; margin: 175px 17px 115px auto; background: none; vertical-align: top; font-size: 24px; color: #fff; text-align: left; font-family: 'corbeau_thin'; letter-spacing: 1px; } #bridge_holder h1, #bridge_holder h2, #bridge_holder h3 { font-family: 'corbeau_bold'; display: block; margin: 1em 0; } #bridge_holder p { margin: 1em 0 0 9%; display: block; width: 90%; line-height: 1.4; } #bridge_holder img { width: 100%; display: block; margin: 2em 0 1em 0; } #bridge_holder ul { margin: 1em 0 0 9%; display: block; width: 90%; padding: 0px; line-height: 1.4; list-style: none; } #bridge_holder ul li { margin: 1em 0 0 0%; line-height: 1.4; font-size: 24px; font-family: 'corbeau_thin'; } .blog_post_dark #signup_holder { display: none; } .blog_post_dark #tagline_holder { border-top: 0px solid #ddd; } .blog_post_dark #tagline_overlay { } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## BRIDGE2 STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ .blog_post_dark #blog_post_bg { background: #333; } .blog_post_dark #post_holder { background: #333; } .blog_post_dark #post_header h1 { display: block; width: 100%; height: auto; padding: 0 0 15px 0; text-align: left; font-size: 36px; font-family: 'corbeau_bold'; color: #fff; line-height: 1.15; } .blog_post_dark #post { width: 100%; height: auto; display: block; text-align: left; } .blog_post_dark #post h1 { font-family: 'corbeau_bold'; font-size: 41px; color: #fff; display: block; margin: 0 0 22px 0; } .blog_post_dark span#post_auth { font-size: 15px; font-family: 'fakt_medium'; color: #777; display: inline-block; margin: 0 20px 20px 0; } .blog_post_dark span#post_cat { font-size: 15px; font-family: 'fakt_medium'; color: #777; display: inline-block; margin: 0 20px 20px 0; } .blog_post_dark span#post_comments { font-size: 15px; font-family: 'fakt_medium'; color: #777; display: inline-block; margin: 0 20px 20px 0; } .blog_post_dark #content { width: 100%; height: auto; color: #fff; font-family: 'imperial'; font-size: 19px; line-height: 1.4; letter-spacing: 1px; overflow: hidden; } .blog_post_dark #sidebar { background: #222; } .blog_post_dark .sidebar_row { width: 100%; height: auto; display: block; padding: 35px 35px 0 35px; font-size: 18px; color: #aaa; font-family: 'corbeau_medium'; } .blog_post_dark .sidebar_row h3 { display: block; color: #3ba14b; color: #ccc; text-transform: uppercase; margin: 0 0 11px 0; } .blog_post_dark .sidebar_row a, .blog_post_dark .sidebar_row a:visited { display: block; margin: 0 0 7px 0; font-size: 21px; } .blog_post_dark .sidebar_row a:hover { color: #3ba14b; } .blog_post_dark #sidebar_featured { display: block; width: 100%; height: auto; padding: 35px; font-size: 18px; border-bottom: solid 7px #aaa; } .blog_post_dark #sidebar_featured h3 { display: block; color: #ccc; text-transform: uppercase; padding: 0px; margin: 0 0 11px 0; } .blog_post_dark #sidebar_featured a.sidebar_post, .blog_post_dark #sidebar_featured a.sidebar_post:visited { width: 100%; display: block; font-size: 18px; font-family: 'corbeau_bold'; color: #ccc; margin: 0px 0px 35px 0; } .blog_post_dark #sidebar_featured a.sidebar_post:hover { color: #4482a5; } .blog_post_dark span.sidebar_desc { display: block; width: 100%; height: auto; font-family: 'corbeau_thin'; font-size: 16px; margin: 7px 0 0 0; color: #ccc; } .blog_post_dark span.sidebar_cat { display: block; width: 100%; height: auto; font-family: 'corbeau_thin'; font-size: 16px; margin: 7px 0 0 0; color: #ccc; } .blog_post_dark #sidebar_featured a.sidebar_post:nth-of-type(2) span.sidebar_desc, .blog_post_dark #sidebar_featured a.sidebar_post:nth-of-type(3) span.sidebar_desc { display: none; } .blog_post_dark #share { color: #fff; } .blog_post_dark #comments_holder { display: block; width: 100%; height: auto; padding: 35px 0; border-top: 4px solid #555; border-bottom: 4px solid #555; text-align: left; font-size: 19px; color: #fff; background: none; } .blog_post_dark .comment-metadata a, .blog_post_dark .comment-metadata a:visited { display: block; color: #eee; font-family: 'corbeau_thin'; font-size: 13px; margin: 10px 0 5px 0; background: none; width: auto; padding: 0px; float: none; } .blog_post_dark .comment-metadata a:hover { display: block; color: #ccc; font-size: 13px; margin: 10px 0 5px 0; background: none; padding: 0px; } .blog_post_dark #respond { display: block; width: 100%; height: auto; padding: 35px 0; border-top: 0px solid #555; text-align: left; font-size: 19px; color: #fff; background: none; } .blog_post_dark h3#reply-title { display: block; font-family: 'corbeau_bold'; font-size: 41px; color: #fff; margin: 0 0 22px 0; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## SEARCH PAGE STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ #search_holder { position: fixed; display: none; top: 0px; right: 0px; opacity: 0; -webkit-transition: opacity 0.3s; /* Safari */ transition: opacity 0.3s; height: 100%; width: 100%; z-index: 777; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#979899+0,0b0b0c+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(241,242,243,1) 0%, rgba(155,155,155,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(241,242,243,1) 0%,rgba(155,155,155,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(241,242,243,1) 0%,rgba(155,155,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */ } #search_holder.toggle { display: block; opacity: 1; } button#close_search_holder, button#close_search_holder:visited { display: inline-block; font-size: 55px; color: #444; font-family: 'corbeau_bold'; z-index: 778; position: absolute; top: 12px; right: 31px; background: none; border: 0px solid #111; cursor: pointer; } button#close_search_holder:hover { color: #111; } #search_holder table, #search_holder tr { width: 100%; height: 100%; } #search_holder td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } #search_page_content { width: 60%; margin: 24% auto 24% auto; display: inline-block; vertical-align: top; text-align: left; display: inline-block; } #search_holder #search_page_content { width: 60%; margin: auto; display: inline-block; vertical-align: middle; text-align: left; display: inline-block; } #search_page_content span { font-size: 33px; font-family: 'corbeau_thin'; color: #000; display: block; margin: 0 0 0.6em 0; } #search_page_content #search_form { height: 100%; width: 100%; padding: 0px; margin: 0px 0 23px 0; } #search_page_content input#search_field { height: 70px; width: 80%; display: inline-block; background: #fff; border: none; margin: 0px 0 0 0px; padding: 23px 23px 23px 23px; font-size: 24px; line-height: 24px; color: #111; font-family: 'corbeau_thin'; } #search_page_content input#search_field:focus { color: #111; } #search_page_content #search_submit { background: #ffcf28; width: 18%; height: 70px; display: inline-block; cursor: pointer; border: none; float: right; padding: 23px 23px 23px 23px; font-size: 24px; line-height: 24px; color: #111; font-family: 'corbeau_thin'; text-transform: uppercase; border-radius: 3px; } #search_page_content #search_submit:hover { background: #fbc120; } #search_no_results { display: block; width: 100%; padding: 0 7%; margin: 25px 0px 19.5% 0px; } #blog_feed_404_text { display: block; color: #fff; font-size: 25px; font-family: 'corbeau_thin'; margin: 0px 0 145px 0; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## CONTACT PAGE STYLES ############################# */ /* ########################################################################################### */ /* ########################################################################################### */ .blog.contact #page_holder { height:auto; } .contact #tagline_holder { height: 995px; } #title_bar { display: block; height: auto; width: 100%; } .contact #title_bar h2 { display: block; font-size: 0px; color: #000; background: none; padding: 148px 7% 15px 7%; margin: 0 0 0px 0%; font-family: 'corbeau_medium'; } #contact_holder { text-align: center; width: 100%; height: auto; display: block; position: relative; } #contact_holder_inside { display: inline-block; width: 87%; margin: 0 auto; text-align: left; padding: 0 0 85px 0; } #contact_page_sidebar { width: 45%; max-width: 525px; font-size: 23px; color: #111; text-align: left; font-family: 'corbeau_thin'; display: inline-block; vertical-align: top; color: #111; } #contact_page_sidebar a, #contact_page_sidebar a:visited { font-size: 15px; color: #111; display: block; margin: 0 0 7px 0; } #contact_page_sidebar a:hover { color: #1a8800; } #contact_page_content span { font-size: 23px; font-family: 'corbeau_thin'; color: #111; display: block; margin: 0 0 0.6em 0; padding: 0 0% 0 0; } #contact_page_sidebar span strong { font-size: 23px; font-family: 'corbeau_medium'; color: #111; display: inline; margin: 0 0 0em 0; padding: 0 0% 0 0; font-weight: 100; } #contact_page_content { width: 380px; max-width: 380px; margin: 0px 0% 45px 0%; vertical-align: top; text-align: left; display: inline-block; float: right; } #contact_page_content input[type=email], #contact_page_content input[type=text], #contact_page_content input[type=password], #contact_page_content textarea, #contact_page_content input { background-color: rgba(255, 255, 255, 0.9); padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0px 5px 14px 0; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; border: none; outline: none; font-family: 'corbeau_medium'; border: 1px #777 solid; outline: none; font-size: 18px; resize: none; } #contact_page_content input[type=email]:focus, #contact_page_content input[type=text]:focus, #contact_page_content input[type=password]:focus, #contact_page_content textarea:focus, #contact_page_content input:focus { color: #222; background-color: rgba(255, 255, 255, 1); font-size: 18px; font-family: 'corbeau_medium'; padding: 10px; border: 1px #777 solid; } #contact_page_content input[type="submit"], #contact_page_content input[type="button"] { position: relative; display: block; padding: 14px 17px 11px 17px; color: #fff; background: #3ba14b; font-size: 18px; text-align: center; font-style: normal; margin: 0px; outline: none; border: 0px solid #ddd; cursor: pointer; letter-spacing: 1px; border-radius: 3px; } #contact_page_content input[type="submit"]:hover, #contact_page_content input[type="button"]:hover { color: #fff; background: #36b74a; outline: none; border: #ddd solid 0px; } .contact #signup_holder { display: none; } input[type=email], input[type=text], input[type=password], textarea, input { background-color: rgba(255, 255, 255, 0.9); padding: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0px 0 14px 0; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; border: none; outline: none; font-size: 22px; font-family: 'corbeau_medium'; resize: none; } input[type=email]:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus, input:focus { color: #222; background-color: rgba(255, 255, 255, 1); font-size: 22px; font-family: 'corbeau_medium'; padding: 10px; } #signup_holder input[type=email], #signup_holder input[type=text], #signup_holder input[type=password], #signup_holder textarea, #signup_holder input, #signup_above input[type=email], #signup_above input[type=text], #signup_above input[type=password], #signup_above textarea, #signup_above input { background-color: rgba(255, 255, 255, 0.9); padding: 14px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0px 0 14px 0; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; border: 1px #ddd solid; outline: none; font-size: 22px; font-family: 'corbeau_medium'; resize: none; } #signup_above input[type="submit"], #signup_above input[type="button"], #signup_holder input[type="submit"], #signup_holder input[type="button"] { position: relative; display: block; padding: 14px 17px 11px 17px; color: #fff; background: #3ba14b; font-size: 18px; text-align: center; font-style: normal; margin: 0px; outline: none; border: 0px solid #ddd; border-radius: 3px; cursor: pointer; letter-spacing: 1px; } #signup_holder input[type="submit"]:hover, #signup_holder input[type="button"]:hover, #signup_above input[type="submit"]:hover, #signup_above input[type="button"]:hover { color: #fff; background: #36b74a; outline: none; border: #ddd solid 0px; } input[type=text]:focus, select:focus, textarea:focus { outline: none; } ::-webkit-input-placeholder { color: #9a9a9a; } :-moz-placeholder { /* Firefox 18- */ color: #9a9a9a; } ::-moz-placeholder { /* Firefox 19+ */ color: #9a9a9a; } :-ms-input-placeholder { color: #9a9a9a; } [placeholder]::-webkit-input-placeholder { color: #9a9a9a; } [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 1; } .contact .form-style-5{ max-width: 400px; padding: 20px; background: #f5f5f5; margin: 0px; border-radius: 0px; font-family: 'corbeau_medium'; display: inline-block; position: relative; overflow: visible; letter-spacing: normal; line-height: 100%; font-size: 16px; float: right; } .contact .form-style-5 fieldset{ border: none; width: 100%; margin: 0px; } .contact .form-style-5 label { display: none; margin: 0px; } .contact .form-style-5 input[type="text"], .contact .form-style-5 input[type="date"], .contact .form-style-5 input[type="datetime"], .contact .form-style-5 input[type="email"], .contact .form-style-5 input[type="number"], .contact .form-style-5 input[type="search"], .contact .form-style-5 input[type="time"], .contact .form-style-5 input[type="url"], .contact .form-style-5 textarea, .contact .form-style-5 select { font-family: 'corbeau_medium'; border: none; border-radius: 0px; font-size: 16px; margin: 0 0 20px 0; outline: 0; padding: 15px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: #e7e5e3; color:#8a97a0; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; border: none; outline: none; } textarea { width: 100%; height: 200px; resize: none; font-size: 21px; font-family: 'corbeau_medium'; color: #111; display: block; padding: 15px; } textarea:focus { width: 100%; height: 200px; resize: none; font-size: 21px; font-family: 'corbeau_medium'; color: #111; display: block; padding: 15px; } .contact .form-style-5 input[type="text"]:focus, .contact .form-style-5 input[type="date"]:focus, .contact .form-style-5 input[type="datetime"]:focus, .contact .form-style-5 input[type="email"]:focus, .contact .form-style-5 input[type="number"]:focus, .contact .form-style-5 input[type="search"]:focus, .contact .form-style-5 input[type="time"]:focus, .contact .form-style-5 input[type="url"]:focus, .contact .form-style-5 textarea:focus, .contact .form-style-5 select:focus{ background: #ddd9d3; } .contact .form-style-5 select{ -webkit-appearance: menulist-button; height:35px; } input[type="submit"], input[type="button"] { position: relative; display: block; padding: 16px 20px 16px 20px; color: #111; background: #fff; font-size: 18px; text-align: center; font-style: normal; margin: 0px; outline: none; border: 0px; cursor: pointer; } input[type="submit"]:hover, input[type="button"]:hover { color: #111; background: #ffc22f; outline: none; } /* SUBMIT BUTTONS FOR ON-PAGE CONTENT */ #content input[type="submit"], #content input[type="button"] { position: relative; display: block; padding: 0.5em 0.75em; color: #111; background: #ffcf28; font-size: inherit; text-align: center; font-style: normal; margin: 0px; outline: none; border: 0px; cursor: pointer; font-family: 'corbeau_medium'; } #content input[type="submit"]:hover, #content input[type="button"]:hover { color: #111; background: #ffbb17; outline: none; } ::-webkit-input-placeholder { color: #9a9a9a; } :-moz-placeholder { /* Firefox 18- */ color: #9a9a9a; } ::-moz-placeholder { /* Firefox 19+ */ color: #9a9a9a; } :-ms-input-placeholder { color: #9a9a9a; } [placeholder]::-webkit-input-placeholder { color: #9a9a9a; } [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################ CONTACT PLUGIN STYLES ############################## */ /* ########################################################################################### */ /* ########################################################################################### */ .wpfg-form { width: 100%; font: 18px "corbeau_medium"; float: left; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: center 0px; padding: 0px 0px 0px 0px; } .wpfg-form .wpfg-field.grouped > .wpfg-label { width: 0px; display: none; } .wpfg-form input, .wpfg-form select, .wpfg-form textarea, .wpfg-form .wpfg-field div .wpfg-fileupload-button { color: #999999; background-color: #ffffff; } .wpfg-extra-shortcode .wpfg-shortcode .wpfg-field .wpfg-form-button .wpfg-label { display: none; } .wpfg-form .wpfg-field.wpfg-form-button > button { padding: 10px 20px 10px 20px; font-size: 19px !important; position: relative; cursor: pointer; } .wpfg-form { width: 100%; font: 14px "corbeau_medium"; float: left; overflow: hidden; background-image: none; background-repeat: no-repeat; background-position: center 0px; padding: 0px 0px 0px 0px; } .wpfg-form .wpfg-label { display: none; } .wpfg-form .wpfg-field.grouped { clear: inherit; margin-left: 0px; width: 100%; } .wpfg-form .wpfg-field .wpfg-label {display: none; } .wpfg-form input, .wpfg-form select,.wpfg-form textarea {width: 100%;background: #f6f6f6;} .wpfg-form input.captcha, .wpfg-form input.captcha:focus {width: 45px; display: inline-block;} .wpfg-form input:focus, .wpfg-form select:focus, .wpfg-form textarea:focus {width: 100%;background: #fff;} .wpfg-form .wpfg-field {margin: 0px 0px 0px 0px;} .wpfg-form textarea {width: 100%; height: 170px;background: #f6f6f6;} .wpfg-form .wpfg-field div {width: 100%; float: left; position: relative; } .wpfg-form .captcha {width: 100%;} .wpfg-form .wpfg-captcha .wpfg-label {display: inline-block; width: auto; font-size: 22px; font-family:'corbeau_medium';font-weight: 100;color: #111;padding: 11px 11px 0 0;} .wpfg-form .wpfg-captcha div {display: inline-block; width: 80%;} .wpfg-form button {border-radius: 3px; font-family:'corbeau_bold';font-size: 23px;padding: 14px 17px 11px 17px;letter-spacing:1px; } .wpfg-form .wpfg-captcha p {display: inline-block; margin: 0 0 0 11px;} .wpfg-shortcode.wpfg-field.wpfg-captcha {width: 100%;display: block;} .wpfg-form .wpfg-field {float: left;clear: none;color: #868686; margin: 0px 0px 0px 0px;} .wpfg-form .wpfg-field div p {line-height: 1;font-size: 14px; padding: 14px 21px; display: inline-block; margin: 0 0 0 11px; float: none; clear: none;} p.thanks-description {font-family:'corbeau_thin'; font-size: 29px;font-weight: 100;color: #111;margin: 0px 0 150px 0;} h1.thanks-title {font-family: 'corbeau_bold';font-size: 29px; color: #111; margin: 0 0 29px 0;} /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## MISC ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #bg_404 { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: -1; background: url(../images/blog_404_bg.jpg); background-size: cover; background-position: center center; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## GUARDIAN ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #guardian { display: none; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## SIGNUP ABOVE ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #signup_above { display: none; float: left; position: fixed; top: 20%; left: 20%; width: 60%; height: 60%; background: #fff; border: #777 solid 11px; color: #000; z-index: 999; } #signup_above.toggle { display: block; } #signup_inside { display: block; width: 100%; height: 100%; position: relative; padding: 25px 7% 0 7%; } button#menu_close_btn, button#menu_close_btn:visited { padding: 11px 11px; background: none; color: #fff; font-family: 'corbeau_bold'; font-size: 0px; position: absolute; top: 25px; right: 25px; border: solid 1px #d8d8d8; cursor: pointer; float: right; z-index: 1023; } button#menu_close_btn:hover { background: none; border: solid 1px #d8d8d8; cursor: pointer; } #menu_close_btn_inside { display: block; position: relative; width: 31px; height: 31px; -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari */ transform: rotate(-45deg); } #menu_close_bar_horizontal { display: block; float: left; z-index: 1155; width: 31px; height: 3px; background: #111; position: absolute; top: 14px; left: 0px; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } #menu_close_bar_vertical { display: block; float: left; z-index: 1157; width: 3px; height: 32px; background: #111; position: absolute; top: -1px; left: 14px; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } button#menu_close_btn:hover #menu_close_bar_horizontal, button#menu_close_btn:hover #menu_close_bar_vertical { background: #cd412a; } #signup_above table, #signup_above tr { width: 100%; height: 100%; } #signup_above td { width: 100%; height: 100%; vertical-align: middle; text-align: center; } #signup_form { width: auto; margin: 0 auto; font-size: 22px; display: inline-block; } #signup_form h2 { display: block; margin: 0 0 11px 0; font-size: 30px; } #signup_text { font-size: 17px; display: block; margin: 0px 0 18px 0; font-family: 'corbeau_thin'; } #mce-responses { width: 100%; display: block; margin: 0px 0; } #mce-success-response { width: 400px; display: block; font-size: 16px; font-family: 'corbeau_medium'; background: #27649c; border-radius: 3px; color: #fff; padding: 15px; margin: 5px 0 20px 0; } #signup_action_btn { position: relative; display: inline-block; padding: 14px 17px 11px 17px; color: #fff; background: #3ba14b; font-size: 18px; text-align: center; font-style: normal; margin: 0px; outline: none; border: 0px solid #ddd; border-radius: 3px; cursor: pointer; letter-spacing: 1px; font-family: 'corbeau_medium'; } #signup_action_btn:hover { background: #36b74a; } button#signup_holder { display: block; width: 100%; height: auto; padding: 150px 7%; background: #eee; color: #000; border: none; border-top: 1px solid #ddd; outline: 0px solid #ddd; } button#signup_holder:hover, button#signup_holder:focus { outline: 0px solid #ddd; border: none; border-top: 1px solid #ddd; } button#signup_holder:focus { outline: 0px solid #ddd; border: none; border-top: 1px solid #ddd; } button#signup_holder:active { outline: 0px solid #ddd; border: none; border-top: 1px solid #ddd; } .signup #signup_holder { display: block; width: 100%; height: auto; padding: 24% 7% 23% 7%; background: #eee; color: #000; border-top: 1px solid #ddd; } #signup_holder table, #signup_holder tr { width: 100%; height: auto; } #signup_form { width: auto; margin: 0 auto; font-size: 22px; display: inline-block; } #signup_form h2 { display: block; margin: 0 0 11px 0; font-size: 30px; } #signup_text { font-size: 17px; display: block; margin: 0px 0 18px 0; font-family: 'corbeau_thin'; } .signup_input { display: inline-block; width: 48%; background-color: rgba(255, 255, 255, 0.9); padding: 14px; margin: 0px 0.1% 15px 0; border-radius: 0; border: 1px #ddd solid; outline: none; font-size: 22px; font-family: 'corbeau_medium'; resize: none; color: #aaa; } #mce-responses { width: 100%; display: block; margin: 0px 0; } #mce-success-response { width: 400px; display: block; font-size: 16px; font-family: 'corbeau_medium'; background: #27649c; border-radius: 3px; color: #fff; padding: 15px; margin: 5px 0 20px 0; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## TAGLINE STYLES ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #tagline_holder { position: relative; display: block; width: 100%; height: auto; color: #fff; border-top: 1px solid #444; } #tagline_holder img { display: block; width: 100%; height: auto; } #tagline_holder img#tagline_main_img { display: block; } #tagline_holder img#tagline_contact_img { display: none; } .contact #tagline_holder img#tagline_main_img { display: none; } .contact #tagline_holder img#tagline_contact_img { display: block; } .contact #tagline_holder { position: relative; display: block; width: 100%; height: auto; color: #fff; border-top: 1px solid #444; } #tagline_overlay { position: absolute; display: block; width: 100%; height: 100%; padding: 150px 7%; background-repeat: repeat; color: #fff; font-size: 44px; float: left; z-index: 33; top: 0px; left: 0px; } .contact #tagline_overlay { display: none; } #tagline_overlay table, #tagline_overlay tr { width: 100%; height: 100%; } #tagline_overlay a span { display:inline-block; width: 60%; max-width: 749px; vertical-align: middle; text-align: left; font-family: 'corbeau_bold'; } #tagline_overlay a span span { display:inline; width: auto; } #tagline_overlay a:hover span span { color: #9de14c; } #tagline_overlay a:hover span { color: #9de14c; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## FOOTER ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #footer { display: block; width: 100%; height: auto; min-height: 555px; padding: 115px 5% 115px 7%; color: #000; background: #eee; font-size: 0px; border-top: 1px solid #444; position: relative; text-align: center; } #footer_col_holder { display: inline-block; height: auto; width: auto; margin: 0 auto; padding: 0 0%; } .footer_col { width: auto; display: inline-block; height: auto; margin: 0 6% 0 0; vertical-align: top; font-family: 'corbeau_medium'; font-size: 15px; padding: 0 0% 0 0; text-align: right; line-height: 1.4; } .footer_col:nth-of-type(3) { width: 31%; display: inline-block; height: auto; margin: 0 6% 0 0; vertical-align: top; font-family: 'fakt_medium'; font-size: 15px; padding: 0 0% 0 0; text-align: left; color: #333; letter-spacing: 1px; line-height: 1.4; } .footer_col_search { width: 27%; max-width: 375px; display: inline-block; height: auto; margin: 0 0% 0 0; vertical-align: top; font-family: 'corbeau_medium'; font-size: 15px; padding: 0 0% 0 0; text-align: left; line-height: 1.4; } .footer_col h3, .footer_col:nth-of-type(2) h3 { width: auto; display: block; height: auto; margin: 0 0% 17px 0; vertical-align: top; font-family: 'corbeau_bold'; font-size: 25px; color: #111; } .footer_col_search a, .footer_col_search a:visited { display: inline-block; font-family: 'fakt_medium'; font-size: 15px; margin: 0 15px 15px 0px; float: left; clear: both; } .footer_col a, .footer_col a:visited { display: block; font-family: 'fakt_medium'; font-size: 15px; margin: 0 0px 7px 15px; color: #333; } .footer_col_search a, .footer_col_search a:visited { display: inline-block; font-family: 'fakt_medium'; font-size: 15px; margin: 0 21px 0px 0px; float: none; clear: none; color: #333; } .footer_col a:hover, .footer_col_search a:hover { color: #1a8800; } #footer_btm { display: block; width: auto; position: absolute; bottom: 75px; left: 7%; } #footer_btm2 { display: block; width: auto; margin: 55px 0 0 0; } #footer_btm2 a, #footer_btm2 a:visited { display: inline-block; font-size: 16px; color: #000; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(1) { display: inline-block; font-size: 16px; color: #3ba14b; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(2) { display: inline-block; font-size: 16px; color: #44a594; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(3) { display: inline-block; font-size: 16px; color: #4482a5; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(1):hover { display: inline-block; font-size: 16px; color: #30d049; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(2):hover { display: inline-block; font-size: 16px; color: #41d2b9; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(3):hover { display: inline-block; font-size: 16px; color: #40b1f1; font-family: 'corbeau_bold'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(4) { display: inline-block; font-size: 15px; color: #000; font-family: 'fakt_medium'; margin: 0 25px 15px 0; } #footer_btm2 a:nth-of-type(4):hover { display: inline-block; font-size: 15px; color: #3ba14b; font-family: 'fakt_medium'; margin: 0 25px 15px 0; } .footer_col_search input[type=email], .footer_col_search input[type=text], .footer_col_search input[type=password], .footer_col_search textarea, .footer_col_search input { width: 100%; background-color: rgba(255, 255, 255, 0.9); padding: 14px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ margin: 0px 0 14px 0; -webkit-appearance: none; -webkit-border-radius:0; border-radius:0; border: 1px #ccc solid; outline: none; font-size: 15px; font-family: 'fakt_medium'; resize: none; } .footer_col_search input[type="submit"], .footer_col_search input[type="button"] { width: auto; position: relative; display: block; padding: 11px 14px 9px 14px; color: #111; background: #ffc22f; font-size: 15px; text-align: center; font-style: normal; margin: 0px; outline: none; border: 0px solid #ddd; cursor: pointer; font-family: 'fakt_medium'; border-radius: 3px; } .footer_col_search input[type="submit"]:hover, .footer_col_search input[type="button"]:hover { width: auto; color: #111; background: #f9a615; outline: none; border: #ddd solid 0px; } /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## MISC STYLES ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ #author_bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: block; z-index: -1; background: #fff; background-size: cover; background: #ddd; background: linear-gradient(to bottom, rgba(241,242,243,1) 0%,rgba(155,155,155,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc', endColorstr='#aaa',GradientType=0 ); background-position: center center; } #author_holder { display: block; width: 100%; height: 100%; } h2#author_tagline { display: block; font-size: 29px; font-family: 'corbeau_bold'; color: #111; letter-spacing: 1px; } /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ############################## ################################ */ /* ############################## ################################ */ /* ############################## RESPONSIVE STYLES ################################ */ /* ############################## ################################ */ /* ############################## ################################ */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* ########################################################################################### */ /* Larger than desktop */ @media (min-width: 1000px) { html { background: #fff; } #header { width: 100%; margin: 0 auto; } .blog #header { width: 100%; margin: 0 auto; } #logo_img { display: none; } .blog #logo_holder { display: inline-block; height: 100%; width: auto; position: relative; padding: 0 26px 0 45px; background-color: #ededed; border-bottom: 1px solid #dcdcdc; } .blog span#site_title { font-family: 'corbeau_bold'; font-size: 31px; color: #111; line-height: 31px; display: block; letter-spacing: 0.5px; } .blog span#site_title_hover { color: #111; } .blog span#site_tagline { font-family: 'corbeau_medium'; font-size: 13px; color: #111; margin: 11px 0 0 53px; line-height: 13px; display: block; letter-spacing: 1.5px; } a#logo_holder_a:hover span#site_title_hover { color: #3ba14b; } a#logo_holder_a:hover span#site_title { color: #000; } .blog a#logo_holder_a:hover span#site_title_hover { color: #111; } .blog a#logo_holder_a:hover span#site_title { color: #111; } #main-nav li:nth-of-type(2) { display: none; } #main-nav li ul li:nth-of-type(2) { display: block; } #main-nav li:first-child a:hover { color: #fff; background: #4498a5; } #main-nav li:nth-child(2) a:hover { color: #fff; background: #4498a5; } #header_below_left { line-height: 73px; } #header_below_left { width: 90px; padding: 0 25px 0 0; } #header_below_right { width: 990px; margin: 0 0px 0 0; } #header_below_right a, #header_below_right a:visited { padding: 0px 0px; border: 0px solid #fff; font-size: 15px; } #header_below_right a:hover { border: 0px solid #fff; background: none; color: #fff; } .blog #post_holder, .blog_post_dark #post_holder { width: 555px; margin: 45px 39px 115px auto; } .blog #post, .blog_post_dark #post { padding: 21px 0 15px 0; } #post_header { padding: 0 0 19px 0; } #post_header h1 { padding: 0 0 11px 0; font-size: 31px; } .blog #post_featured_image, .blog_post_dark #post_featured_image { height: 315px; } #intro_screen_overlay { padding: 145px 7% 25px 56%; } a#intro_primary_a, a#intro_primary_a:visited { width: 48%; left: 7%; } .intro_secondary { height: 44%; width: 43%; margin: 0px 0px 25px 19px; } span#primary_title { font-size: 27px; margin: 0 0 10px 0; } span#primary_auth { font-size: 12px; margin: 0 5px 0 0; } span#primary_desc { font-size: 12px; } .item_holder { width: 22.3%; margin: 0 1.5% 0 0; } .home .home_row a:nth-of-type(5) .item_holder, .home .home_row_below a:nth-of-type(5) .item_holder, .topics.white .home_row a:nth-of-type(5) .item_holder, .topics.white .home_row a:nth-of-type(5) .item_holder { display: none; } #topics_text_links { -webkit-columns: 170px 4; -moz-columns: 170px 4; columns: 170px 4; } #post_holder { width: 553px; display: inline-block; margin: 125px 17px 115px auto; } .blog_post_dark #post_holder, .blog #post_holder { width: 555px; margin: 45px 39px 115px auto; } #sidebar { display: inline-block; width: 285px; margin-top: 145px; } .blog #sidebar, .blog_post_dark #sidebar { display: inline-block; width: 285px; margin-top: 95px; } .blog #sidebar_featured, #sidebar_featured { padding: 21px; } span#post_comments { display: none; } #post_related_feature_content { left: 19%; bottom: 30%; font-size: 7px; } .topic_single .home_row { padding: 77px 7% 75px 7%; } #featured_inside { width: 55%; max-width: 700px; } #search_page_content #search_submit { padding: 23px 23px 23px 23px; font-size: 18px; } .contact #title_bar h2 { display: block; font-size: 0px; color: #000; background: none; padding: 90px 7% 0px 7%; margin: 0 0 0px 0%; font-family: 'corbeau_medium'; } #contact_page_content { width: 380px; max-width: 380px; } #footer { min-height: 455px; padding: 95px 5% 95px 7%; } .footer_col:nth-of-type(2) { display: none; } .footer_col:nth-of-type(3) { width: 45%; } .footer_col a, .footer_col a:visited { margin: 0 0px 15px 15px; } .footer_col a:nth-of-type(4), .footer_col a:nth-of-type(7) { display: none; } .footer_col_search { width: 23%; } #tagline_holder { } } /* ####################################### BEGINNING MID SIZE ###################################### */ @media (min-width: 1135px) { .blog #post_holder, .blog_post_dark #post_holder { width: 653px; margin: 45px 39px 115px auto; } .blog #logo_holder { display: inline-block; height: 100%; width: auto; position: relative; padding: 0 26px; } } /* Larger than Desktop HD */ @media (min-width: 1200px) { html { background: #000; } #header { width: 89.5%; margin: 0 auto; } .blog #header { width: 1013px; } .blog #logo_holder { background: #3ba14b; border-bottom: 1px solid #307f3d; } .blog span#site_title { font-family: 'corbeau_bold'; font-size: 31px; color: #fff; line-height: 31px; display: block; letter-spacing: 0.5px; } .blog span#site_title_hover { color: #fff; } .blog span#site_tagline { font-family: 'corbeau_medium'; font-size: 13px; color: #fff; margin: 11px 0 0 53px; line-height: 13px; display: block; letter-spacing: 1.5px; } a#logo_holder_a:hover span#site_title_hover { color: #3ba14b; } a#logo_holder_a:hover span#site_title { color: #000; } .blog a#logo_holder_a:hover span#site_title_hover { color: #fff; } .blog a#logo_holder_a:hover span#site_title { color: #fff; } #main-nav li:nth-of-type(2) { display: inline-block; } #main-nav li:first-child a:hover { color: #fff; background: #447fa5; } #main-nav li:nth-child(2) a:hover { color: #fff; background: #5662a1; background: #4498a5; } #intro_screen_overlay { padding: 145px 7% 25px 53%; } a#intro_primary_a, a#intro_primary_a:visited { width: 45%; left: 7%; } .intro_secondary { height: 44%; width: 45%; margin: 0px 0px 25px 19px; } #primary_text { padding: 18px 22px; } span#primary_title { font-size: 37px; margin: 0 0 10px 0; } span#primary_auth { font-size: 15px; margin: 0 5px 0 0; } span#primary_desc { font-size: 14px; } .secondary_text { padding: 9px; } span.secondary_title { font-size: 15px; } .home .home_row a:nth-of-type(5) .item_holder, .home .home_row_below a:nth-of-type(5) .item_holder, .topics.white .home_row a:nth-of-type(5) .item_holder, .topics.white .home_row a:nth-of-type(5) .item_holder { display: inline-block; } .item_holder { width: 17.9%; margin: 0 1.5% 0 0; } #topics_text_links { -webkit-columns: 150px 5; -moz-columns: 150px 5; columns: 150px 5; } .blog #post_featured_image, .blog_post_dark #post_featured_image { height: 345px; } .blog #sidebar, .blog_post_dark #sidebar { display: inline-block; width: 310px; margin-top: 125px; } .blog #sidebar_featured, #sidebar_featured { padding: 35px; } span#post_comments { display: inline-block; } #featured_inside { width: 50%; max-width: 700px; } .contact #title_bar h2 { display: block; font-size: 0px; color: #000; background: none; padding: 148px 7% 15px 7%; margin: 0 0 0px 0%; font-family: 'corbeau_medium'; } #contact_holder_inside { width: 1013px; } #contact_page_content { width: 380px; max-width: 380px; } #footer { min-height: 355px; padding: 115px 5% 115px 5%; } .footer_col { font-size: 16px; } .footer_col:nth-of-type(2) { display: inline-block; font-size: 16px; } .footer_col:nth-of-type(3) { width: 30%; } .footer_col a, .footer_col a:visited { margin: 0 0px 7px 15px; } .footer_col a:nth-of-type(4), .footer_col a:nth-of-type(7) { display: block; } .footer_col_search { width: 20%; } #tagline_holder { } } /* Larger than Desktop HD */ @media (min-width: 1250px) { .blog #header { width: 1063px; } .blog #sidebar, .blog_post_dark #sidebar { display: inline-block; width: 360px; } #post_related_feature_content { left: 21%; bottom: 30%; font-size: 8px; } #contact_holder_inside { width: 1063px; } #tagline_holder { } } /* Larger than Mid-sized desktop */ @media (min-width: 1300px) { .topic_single .home_row { padding: 77px 17.23% 75px 7%; } #featured_inside { width: 42%; max-width: 700px; } #search_page_content #search_submit { padding: 23px 23px 23px 23px; font-size: 24px; } #contact_page_content { width: 380px; max-width: 380px; } #tagline_holder { } } /* Larger than Mid-sized desktop */ @media (min-width: 1440px) { .footer_col_search { width: 27%; } #tagline_holder { } } /* Larger than Mid-sized desktop */ @media (min-width: 1500px) { .blog #header { width: 1056px; } .blog #post_holder, .blog_post_dark #post_holder { width: 653px; margin: 75px 39px 115px auto; } .blog #post, .blog_post_dark #post { padding: 33px 0 15px 0; } #post_header { padding: 0 0 25px 0; } #post_header h1 { padding: 0 0 15px 0; font-size: 36px; } .blog #post_featured_image, .blog_post_dark #post_featured_image { height: 375px; } #contact_holder_inside { width: 1056px; } #header_below_left { width: 175px; padding: 0 25px 0 0; } #header_below_right { width: 1055px; margin: 0 175px 0 0; } #sidebar { width: 360px; } .blog #sidebar, .blog_post_dark #sidebar { display: inline-block; margin-top: 145px; } #primary_text { padding: 25px; } span#primary_title { font-size: 46px; margin: 0 0 10px 0; } span#primary_auth { font-size: 18px; margin: 0 5px 0 0; } span#primary_desc { font-size: 18px; } .secondary_text { padding: 15px; } span.secondary_title { font-size: 18px; } #post_related_feature_content { left: 23%; bottom: 30%; font-size: 10px; } .topic_single .home_row { padding: 77px 21.23% 75px 7%; } .footer_col { font-family: 'corbeau_medium'; font-size: 19px; } .footer_col:nth-of-type(4) { font-family: 'corbeau_medium'; font-size: 19px; } #tagline_holder { } } /* Larger than Mid-sized desktop */ @media (min-width: 1600px) { #tagline_holder { } } /* Larger than Mid-sized desktop */ @media (min-width: 1700px) { #tagline_holder { } } /* Larger than Mid-sized desktop */ @media (min-width: 1800px) { #post_related_feature_content { left: 23%; bottom: 30%; font-size: 12px; } } /* ############################### LARGE SIZE BEGINS ######################################### */ @media (min-width: 2400px) { #header { width: 1600px; margin: 0 auto; } .blog #header { width: 1056px; } #base_layer { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; float: left; z-index: -2; background-color: #fff; display: block; } .blog_post_dark #base_layer { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; float: left; z-index: -2; background: #000; display: block; } #intro_screen { width: 1800px; margin: 0 auto; } #page_holder { width: 1900px; margin: 0 auto; } #page_holder { width: 100%; margin: 0 auto; } #bg_holder { width:100%; position: fixed; left: 0%; height: 100%; float: left; z-index: -1; } .home_rows_holder { display: block; width: 100%; background: #fff; height: auto; } .home_row, .white .home_row, .home .home_row_below, .home .home_row_below#recommended { width: 1900px; margin: 0 auto; border-top: 0px solid #111; } #blog_post_bg { position: relative; top: 0px; left: 0%; width: 100%; margin: 0 auto; } #post_related_feature_content { left: 23%; bottom: 30%; font-size: 12px; } #topics_bg { position: relative; top: 0px; left: 0%; width: 100%; margin: 0 auto; background: url(../images/blog_bg.jpg); background-size: cover; background-position: center center; -webkit-filter: none; -moz-filter: none; -o-filter: none; -ms-filter: none; filter: none; transform: none; } .topics.white #topics_holder { background: #fff; } .topics.white #topics_page_title_holder { background: #111; display: block; width: 100%; padding: 148px 0% 55px 0%; } .white #topics_page_title_holder { display: block; width: 100%; padding: 148px 0% 55px 0%; } .topics.white h2#page_title, .white h2#page_title { display: block; width: 1530px; margin: 0 auto; padding: 0px; } .topics.white h4#page_desc, .white h4#page_desc { display: block; width: 1530px; margin: 21px auto 0 auto; padding: 0px; } #topics_text_links { width: 1900px; margin: 0 auto; } #tagline_holder { } #tagline_overlay { background: url(../images/over_tile_003.png); background-repeat: repeat; } } /* Larger than large desktop */ @media (min-width: 2800px) { #post_related_feature_content { left: 23%; bottom: 30%; font-size: 25px; } #tagline_holder { } } /* Larger than very large desktop */ @media (min-width: 3800px) { #tagline_holder { } } /* ############################### BY HEIGHT BEGINS ######################################### */ /* Small Vertical screen */ @media (min-height: 1px) { #primary_text { padding: 17px; } span#primary_title { height: 50px; font-size: 22px; line-height: 25px; margin: 0 0 0px 0; } span#primary_auth, span#primary_desc { display: none; } .secondary_image_holder { height: 95%; } .secondary_text { height: 79px; padding: 9px 9px 7px 9px; } span.secondary_title { height: 38px; font-size: 13px; line-height: 19px; } span.secondary_featured { font-size: 10px; } .item_image { height: 49%; } .topics.white .home_row { padding: 35px 4% 0px 7%; } .topics.white .home_row_below { padding: 0px 4% 35px 7%; } #topics_text_links { padding: 5px 7% 115px 7%; } #bridge_holder { margin: 115px 17px 115px auto; } #signup_above { top: 5%; left: 5%; width: 90%; height: 90%; } button#menu_close_btn, button#menu_close_btn:visited { top: 9px; right: 9px; } .contact #title_bar h2 { padding-top: 45px; padding-bottom: 0px; } #contact_holder_inside { padding: 0 0 25px 0; } .contact #tagline_holder { } } /* Small Vertical screen */ @media (min-height: 500px) { span#primary_title { height: 50px; font-size: 22px; line-height: 25px; margin: 0 0 10px 0; } span#primary_auth, span#primary_desc { display: inline-block; } #signup_above { top: 10%; left: 10%; width: 80%; height: 80%; } } /* Mid size vertical screen */ @media (min-height: 600px) { #primary_text { padding: 19px; } span#primary_title { height: 52px; font-size: 21px; line-height: 26px; margin: 0 0 10px 0; } .secondary_text { height: 81px; padding: 9px 9px 7px 9px; } span.secondary_title { height: 40px; font-size: 15px; line-height: 20px; } span.secondary_featured { font-size: 11px; } #signup_above { top: 20%; left: 20%; width: 60%; height: 60%; } } /* Mid size vertical screen */ @media (min-height: 650px) { #primary_text { padding: 20px; } span#primary_title { height: 70px; font-size: 30px; line-height: 35px; margin: 0 0 10px 0; } .item_image { height: 66%; } .topics.white .home_row { padding: 70px 4% 15px 7%; } .topics.white .home_row_below { padding: 10px 4% 35px 7%; } #topics_text_links { padding: 20px 7% 115px 7%; } button#menu_close_btn, button#menu_close_btn:visited { top: 25px; right: 25px; } } /* Large size vertical screen */ @media (min-height: 700px) { #primary_text { padding: 20px; } span#primary_title { height: 82px; font-size: 35px; line-height: 41px; margin: 0 0 10px 0; } .secondary_image_holder { height: 76%; } .secondary_text { height: 81px; padding: 9px 9px 7px 9px; } span.secondary_title { height: 40px; font-size: 15px; line-height: 20px; } .contact #title_bar h2 { padding-top: 85px; padding-bottom: 0px; } #contact_holder_inside { padding: 0 0 35px 0; } .contact #tagline_holder { } } /* Larger vertical screen */ @media (min-height: 750px) { span#primary_title { height: 82px; font-size: 35px; line-height: 41px; margin: 0 0 10px 0; } .secondary_text { height: 90px; padding: 11px 13px 9px 13px; } span.secondary_title { height: 44px; font-size: 16px; line-height: 22px; } span.secondary_featured { font-size: 12px; } .contact #title_bar h2 { padding-top: 148px; padding-bottom: 15px; } #contact_holder_inside { padding: 0 0 85px 0; } .contact #tagline_holder { } } /* Large vertical screen */ @media (min-height: 800px) { #primary_text { padding: 24px; } span#primary_title { height: 92px; font-size: 39px; line-height: 46px; margin: 0 0 10px 0; } .secondary_text { height: 98px; padding: 11px 13px 9px 13px; } span.secondary_title { height: 50px; font-size: 19px; line-height: 25px; } span.secondary_featured { font-size: 14px; } #bridge_holder { margin: 175px 17px 115px auto; } } /* Largest vertical screen */ @media (min-height: 850px) { #primary_text { padding: 25px; } span#primary_title { height: 110px; font-size: 45px; line-height: 55px; margin: 0 0 10px 0; } .contact #title_bar h2 { padding-top: 148px; padding-bottom: 15px; } #contact_holder_inside { padding: 0 0 85px 0; } } /* Large vertical screen */ @media (min-height: 1280px) { #intro_screen { height: 48.5%; position: relative; } .contact #tagline_holder { } } /* Large vertical screen */ @media (min-height: 1380px) { #intro_screen { height: 37.5%; position: relative; } .contact #title_bar h2 { padding-top: 148px; padding-bottom: 15px; } #contact_holder_inside { padding: 0 0 85px 0; } } /* Large vertical screen */ @media (min-height: 1580px) { #intro_screen { height: 37.5%; position: relative; } } /* Large vertical screen */ @media (min-height: 1880px) { #intro_screen { height: 25.5%; position: relative; } .contact #tagline_holder { } } /* ############################################################# Site Theme by Joel C. Anderson Version: 2.3 Created: 2018 Little Brother Media Glory be to God for dappled things For skies of couple color as a brinded cow Landscapes plotted and pieced Fold, fallow and plow And all trades, their gear and tackle and trim. -Gerard Manley Hopkins ############################################################# */