/* Theme Name: SUDDENLY SENIOR Theme URI: # Author: the SUDDENLY SENIOR team Author URI: # Description: Our 2017 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer. Version: 1.8 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentyfifteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*{font-family: 'Lato', sans-serif;}*/ @font-face { font-family: 'JosefinSans-Bold'; src: url('fonts/JosefinSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-Bold.woff') format('woff'), url('fonts/JosefinSans-Bold.ttf') format('truetype'), url('fonts/JosefinSans-Bold.svg#JosefinSans-Bold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-BoldItalic'; src: url('fonts/JosefinSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-BoldItalic.woff') format('woff'), url('fonts/JosefinSans-BoldItalic.ttf') format('truetype'), url('fonts/JosefinSans-BoldItalic.svg#JosefinSans-BoldItalic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-Italic'; src: url('fonts/JosefinSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-Italic.woff') format('woff'), url('fonts/JosefinSans-Italic.ttf') format('truetype'), url('fonts/JosefinSans-Italic.svg#JosefinSans-Italic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-Light'; src: url('fonts/JosefinSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-Light.woff') format('woff'), url('fonts/JosefinSans-Light.ttf') format('truetype'), url('fonts/JosefinSans-Light.svg#JosefinSans-Light') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-Regular'; src: url('fonts/JosefinSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-Regular.woff') format('woff'), url('fonts/JosefinSans-Regular.ttf') format('truetype'), url('fonts/JosefinSans-Regular.svg#JosefinSans-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-SemiBold'; src: url('fonts/JosefinSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-SemiBold.woff') format('woff'), url('fonts/JosefinSans-SemiBold.ttf') format('truetype'), url('fonts/JosefinSans-SemiBold.svg#JosefinSans-SemiBold') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-SemiBoldItalic'; src: url('JosefinSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('JosefinSans-SemiBoldItalic.woff') format('woff'), url('JosefinSans-SemiBoldItalic.ttf') format('truetype'), url('JosefinSans-SemiBoldItalic.svg#JosefinSans-SemiBoldItalic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'JosefinSans-Thin'; src: url('fonts/JosefinSans-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/JosefinSans-Thin.woff') format('woff'), url('fonts/JosefinSans-Thin.ttf') format('truetype'), url('fonts/JosefinSans-Thin.svg#JosefinSans-Thin') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Georgia-Italic'; src: url('fonts/Georgia-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Georgia-Italic.woff') format('woff'), url('fonts/Georgia-Italic.ttf') format('truetype'), url('fonts/Georgia-Italic.svg#Georgia-Italic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Georgia-BoldItalic'; src: url('fonts/Georgia-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Georgia-BoldItalic.woff') format('woff'), url('fonts/Georgia-BoldItalic.ttf') format('truetype'), url('fonts/Georgia-BoldItalic.svg#Georgia-BoldItalic') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2') format('woff'); font-display: swap; } .clear_0 {clear:both; font-size:0px; line-height:0px; display:block;} .last {margin:0 !important;} .pad_left{ padding-left: 0!important; } .pad_last{padding:0 !important;} .no_bg {background:none !important;} /**************************************************************************************/ a { color:#000; text-decoration:none; outline:0 none;} a:hover { color:#000; text-decoration:none;} h1 { font-size:48px; font-family: "DINPro-Regular", sans-serif; } h2 { font-size:40px; font-family: "DINPro-Regular", sans-serif; } h3 { font-size:32px; font-family: "DINPro-Regular", sans-serif; } h4 { font-size:24px; font-family: "DINPro-Regular", sans-serif; } h5 { font-size:18px; font-family: "DINPro-Regular", sans-serif; } h6 { font-size:18px; font-family: "DINPro-Regular", sans-serif; } p { font-size:18px; font-family: 'JosefinSans-Light', sans-serif; line-height: 30px; color: #222222; font-weight: normal; } i, em { font-size:18px; font-family: 'JosefinSans-Light', sans-serif; line-height: 30px; color: #222222; font-weight: normal; font-style: italic; } /*----------------------------------------------------------------------------------*/ html { height: 945px; } body { color:#000000; background: #ffffff; font-family: 'JosefinSans-Light', sans-serif; font-size:18px; } .flt_Lt { float:left; display:inline;} .flt_Rt { float:right; display:inline;} input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} input,textarea { -webkit-appearance:none; border-radius:0px; outline:none; border:0px;} .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } /*---------------------------------------------------------------------------------*/ ::-webkit-input-placeholder { color: #222222; font-size: 16px; font-family: 'JosefinSans-Light', sans-serif; text-align: center; } ::-moz-placeholder { color: #222222; font-size: 16px; font-family: 'JosefinSans-Light', sans-serif; text-align: center; } :-ms-input-placeholder { color: #222222; font-size: 16px; font-family: 'JosefinSans-Light', sans-serif; text-align: center; } :-moz-placeholder { color: #222222; font-size: 16px; font-family: 'JosefinSans-Light', sans-serif; text-align: center; } /*-----------------------layout----------*/ /*-----------------------layout----------*/ .wrapper-page { margin:0 auto; } .container { max-width: 1169px; width: 100%; padding: 0 15px; box-sizing: border-box; } .first { padding-left: 0px; } .mid { padding-left: 0px; padding-right: 0px; } .last { padding-right: 0px; } .my-inpt { padding-top: 4px; width: 90%; } .my-cnt { color: #999999;background: #FFF;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;border-left: 1px solid #d6d6d6;border-right: 0px solid #d6d6d6;box-shadow: none;padding: 20px 11px; } /*------------HEADER------------------------*/ header { width: 100%; height: 101px; display: inline-block; vertical-align: top; padding: 18px 0; box-sizing: border-box; } #logo { width: 245px; } #logo a { display: block; } #logo a img { width: auto; max-width: 100%; display: block; } .searchbox { display: none; } .menu { /*margin-top: 7px;*/ display: inline-block; vertical-align: top; width: 100%; position: relative; z-index: 1; } nav { width: auto; float: right; border: none; } nav.show { display: block!important; } nav ul { margin: 0; padding: 0; list-style: none; } nav ul li { float: none; display: inline-block; vertical-align: middle; margin: 0 15px; box-sizing: border-box; position: relative; } li[class*="ez-toc-heading-level-"] { display: block!important; padding: 15px 0 0 0!important; } nav ul li:first-child { margin-left: 0; } nav ul li:last-child a { padding-right: 5px; } nav ul li a { display: inline-block; font-family: 'JosefinSans-SemiBold', sans-serif; text-transform: uppercase; vertical-align: top; color: #221e13; font-size: 14px; } nav ul li a span { } nav ul li:hover { color: #d83b2f; } .dropdown:hover>.dropdown-menu { display: block; } nav ul li a:hover { color: #d83b2f; } .navbar-inverse .navbar-collapse { border: none; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; margin: 0; } .navbar-nav { margin: 6px 35px 0 0; text-align: right; /*width: 65%;*/ display: initial; } /*------------------SET: RESPONSIVE HAMBURGER-------------------*/ #nav-toggle { width: 35px; height: 35px; display: none!important; position: absolute; right: 15px; top: 15px; z-index: 22; padding: 0; } #nav-toggle p { color: #ff0000; font-size: 12px; margin-top: 30px; } #nav-toggle {cursor: pointer; padding: 0 0 0 0; } #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 3px; width: 35px; background: #221e13; position: absolute; top: 16px; display: block; content: ""; } #nav-toggle span:before {top: -10px;} #nav-toggle span:after {bottom: -10px; top: auto; } #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after { -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} #nav-toggle.current_page_item span { background-color: transparent; background: none; } #nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after { top: 0;} #nav-toggle.current_page_item span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} #nav-toggle.current_page_item span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);} /* ------------------END: RESPONSIVE HAMBURGER----------------*/ /*-------------------END: NAVIGATION HERE---------------------*/ .navbar-inverse { background-color: transparent;border-color: transparent; border: none; } .navbar { margin-bottom: 0px; background-color: transparent; border: none; width: 100%; } .nav>li>a { padding: 10px 15px; } .navbar-inverse { background-color: #fff; border-color: #fff; } .navbar-default .navbar-nav>li>a { color: #221e13; font-family: 'JosefinSans-SemiBold', sans-serif; font-size: 18px; } .navbar-inverse .navbar-nav>li>a :hover { color: #333333; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ color: #ff6c72; background: #fff; font-family: "DINPro-Regular"; font-size: 15px; } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #ff6c72; background-color: transparent; } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #ff6c72; background: #fff; } .dropdown-toggle span { font-weight: bold; } .logo { max-width: 176px; height: auto; text-align: right; } .logo img { width: 100%; height: auto; max-width: 100%; display: block; } .navbar-form { padding: 0; margin: 0; width: 33.33%; max-width: 335px; float: right!important; position: relative; border: 1px solid #cccccc; border-radius: 4px; } .navbar-form .form-control { display: inline-block; width: 100%; vertical-align: middle; } .navbar-form button { background: none!important; border: none!important; } .navbar-form button.btn-default { background: none!important; border: none!important; line-height: normal; } .navbar-form button:hover { background: none; border: none; box-shadow: none; outline: none; } .navbar-form button.btn-default:focus { background: none; border: none; outline: none; } .navbar-form button.btn-default i { font-size: 18px; } .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; width: 283px; height: 47px; } .dropdown-menu { margin: 0; padding: 0; } .dropdown-menu li { width: 100%; margin: 0; } .dropdown-menu li a { display: block; text-transform: capitalize; padding: 0 15px; font-size: 14px; line-height: 30px; font-size: 18px; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #ffffff; text-decoration: none; background-color: #d83b2f; } .navbar-brand { padding: 15px 0; } .navbar-form input { box-shadow: none; border-right: 0; padding-top: 0; padding-bottom: 0; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; height: 47px; line-height: 45px; border: none; width: 100%; } .navbar-form input::-webkit-input-placeholder { color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; text-align: left; } .navbar-form input::-moz-placeholder { color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; text-align: left; } .navbar-form input:-ms-input-placeholder { color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; text-align: left; } .navbar-form input:-moz-placeholder { color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; text-align: left; } .navbar-form input:focus { box-shadow: none; outline: none; border-color: #cccccc; } .navbar-form .input-group>.form-control { height: 41px; } div#navbarNavDropdown.collapse.navbar-collapse { /*width: 1092px !important; float: right;*/ } .navbar-expand-md .navbar-collapse { } /*------------HEADER------------------------*/ /*------------SET MAIN CONTENT HERE------------------------*/ .main_content { width: 100%; min-height: 5300px; text-align: center; background-color: #f2f2f2; -moz-box-shadow: inset 0 10px 100px -45px #696868; -webkit-box-shadow: inset 0 10px 100px -45px #696868; -o-box-shadow: inset 0 10px 100px -45px #696868; -ms-box-shadow: inset 0 10px 100px -45px #696868; box-shadow: inset 0 10px 100px -45px #696868; } /*************************FEATURE HERE********************************/ /*-----------SET: BLOG PAGE HERE---------*/ .left { max-width: 745px; margin: 0 auto; } .blogsec { width: 100%; height: auto; padding-top: 68px; padding-bottom: 100px; } @media (min-width:1025px) { .blogcontent { max-width: 745px; min-height: 899px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color: #ffffff; margin-bottom: 30px; text-align: left; padding-bottom: 11px; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); } } @media (max-width:1024px) { .blogcontent { max-width: 745px; height: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; background-color: #ffffff; margin-bottom: 30px; text-align: left; padding-bottom: 11px; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); } } .blogcontent h1 { font-size: 40px; font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 900; color: #2b2b2b; margin-top: 0; margin-bottom: 25px; } .blogcontent p { font-size: 18px; font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; color: #221e13; line-height: 1.9; margin-bottom:1.5em; } .blogcontent p a { color: #1A73E8 !important; font-weight: 400; } .blogcontent p a:hover { text-decoration: underline; color: #1A73E8; } .blogcontent .boldtag { font-size: 14px; font-family: 'JosefinSans-Bold', sans-serif; line-height: 30px; text-transform: uppercase; font-weight: normal; color: #d83b2f; margin-right: 10px; margin-bottom: 10px; } .page_title { width: 100%; height: auto; margin-top: 7px; } .page_title h2 { font-size: 30px; line-height: 38px; font-family: 'JosefinSans-Bold', sans-serif; color: #2b2b2b; margin-top: 0; } .page_title h3 { font-size: 30px; line-height: 38px; font-family: 'JosefinSans-Bold', sans-serif; color: #2b2b2b; margin-top: 0; } .page_title h3 a { color: #2b2b2b; } @media (min-width:1025px) { .post_img { width: 100%; min-height:511px; } .post_img img { min-width: 675px; max-width: 100%; min-height:450px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 15px; } } @media (max-width:1024px) { .post_img { width: 100%; height:auto; } .post_img img { width: 100%; max-width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 15px; } } @media (max-width:360px) { .post_img { width: 100%; height:auto; } .post_img img { min-width: 300px; max-width: 100%; height:200px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 15px; } } .post_img a { display: inline-block; vertical-align: top; } @media (min-width:1025px) { .post_content { min-height:377px; padding-left: 37px; padding-right: 37px; box-sizing: border-box; } } @media (max-width:1024px) { .post_content { height:initial; padding-left: 37px; padding-right: 37px; box-sizing: border-box; } } .author { margin: 0; padding: 15px 0; list-style: none; border-top: 1px solid #e7e7e7; } .author li { float: left; width: auto; color: #757575; font-family: 'Lato', sans-serif; font-size: 16px; } .author li a { display: inline-block; color: #d83b2f !important; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; } .author li a span { color: #757575 !important; font-family: 'Lato', sans-serif; font-size: 16px; line-height: normal; margin-bottom: 0; } .author li:last-child { text-align: right; float: right; } /*.author li:last-child a { font-family: 'JosefinSans-Bold', sans-serif; font-size: 14px; }*/ .author li a em { color: #d83b2f !important; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; text-transform: capitalize; } .blog_post { width: 100%; display: inline-block; vertical-align: top; } .blog_post .read_more { border: 1px solid transparent; border-left: 1px solid #ff6c72; transition: all 0.7s ease-in; } .blog_post .read_more:hover { border: 1px solid #ff6c72; } .blog_post_list { width: 100%; margin: 0; display: inline-block; vertical-align: top; margin-bottom: 15px; list-style: none; padding: 0; } .blog_post_list li { float: left; margin: 0 20px 5px 0; } .blog_post_list li a { font-size: 12px; color: #666666; font-family: "DINPro-Regular", sans-serif; } .blog_post_list li a i { color: #f3a703; margin-right: 5px; } .blogbg1 { position: absolute; top: 0; left: 0; z-index: 1; width: auto; } .blogbg2 { position: absolute; bottom: 470px; left: 0; z-index: 1; width: auto; } .blogbg3 { position: absolute; bottom: 0; right: 0; z-index: 1; width: auto; } /*---Set: Pagination----------*/ .paginationsec { text-align: left; } .pagination { margin-bottom: 10px; float: left; } .pagination>li { display: inline-block; vertical-align: top; margin: 0 3px; } .pagination>li>a { color: #2b2b2b; border-radius: 4px; } .pagination>li>a { border: none; font-size: 14px; font-family: 'Lato', sans-serif; background-color: #d83b2f; color: #ffffff; } .pagination>li>span { background-color: #ffffff; font-size: 14px; border: none; color: #757575; border-radius: 4px; } .pagination>li:first-child>a, .pagination>li:first-child>span { background-color: #d83b2f; border-radius: 4px; margin-right: 1px; color: #ffffff; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 4px; margin-left: 1px; margin-right: 0; background-color: #d83b2f; color: #ffffff; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #f3a703; background-color: #ffffff; } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span:focus, .pagination>.active>span:hover { color: #f3a703; background-color: #ffffff; } .pagination>.disabled>span:hover { color: #f3a703; background-color: #ffffff; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { color: #f3a703; background-color: #ffffff; text-decoration: none; } .pagination>li:first-child>a:hover { color: #f3a703; background-color: #ffffff; } .pagination>li:last-child>a:hover { color: #f3a703; background-color: #ffffff; } /*---End: Pagination----------*/ .right { text-align: center; min-width: 300px; max-width: 745px; margin: 0 auto; } .amazon { width: 100%; text-align: left; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .amazon p { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; line-height: 30px; color: #221e13; } .amazon_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .amazon_title h2 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .amazon_title h3 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .amazon a { color: #1A73E8 !important; font-weight: 400; } .amazon a:hover { text-decoration: underline; color: #1A73E8; } .about { width: 100%; text-align: left; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .about p { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; line-height: 30px; color: #221e13; } .about_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .about_title h2 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .about_title h3 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .contest { width: 100%; text-align: left; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .contest p { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; line-height: 30px; color: #221e13; } .contest_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .contest_title h2 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .contest_title h3 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } /*---Set: News Letter----------*/ .newsletter { text-align: center; width: 100%; /*height: 285px;*/ display: inline-block !important; background-image: url(images/newsletterbg.png); background-position: right top; background-repeat: no-repeat; background-size: 100% 100%; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .news_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .news_title h2 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #ffffff; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .news_title h3 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #ffffff; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .newsletter p { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; line-height: normal; color: #ffffff; } .newsletter ul { margin: 0; padding: 0; list-style: none;} .newsletter ul li { float: left; width: 100%; padding:0; margin-bottom: 15px; box-sizing: border-box; text-align: center; position: relative; } .newsletter ul li input { width: 100%; padding: 0 10px; box-sizing: border-box; text-align: left; height: 46px; font-size: 16px; color: #221e13; background-color: #fcfcfc; border: none; line-height: 52px; border-radius: 5px; } .newsletter ul li input:focus { border: none; outline: none; box-shadow: none; } .newsletter ul li input[type="submit"] { text-align: center; font-family: 'JosefinSans-Bold', sans-serif; color: #221e13; background-color: #9ce1b6; } /*---End: News Letter----------*/ /*---Set: Social Sec----------*/ .socialsec { text-align: center; max-width: 300px; display: inline-block; padding: 0; margin-bottom: 30px; box-sizing: border-box; } .socialsec ul { margin: 0; padding: 0; list-style: none;} .socialsec ul li { float: left; margin-right: 17px; padding:0; margin-bottom: 7px; box-sizing: border-box; text-align: left; position: relative; } .socialsec ul li:last-child { margin-right: 0; } .socialsec ul li a { display: block; width: 100%; height: 100%; } .socialsec ul li img { display: block; vertical-align: middle; width: 70px; height: 70px; object-fit: cover; margin: 0 auto; } .social { width: 61px; height: 62px; background-image: url(images/social_media.png); background-repeat: no-repeat; } .social a { display: block; } .fb { background-position: 0 0; } .fb a { display: block; } .twt { background-position: -79px 0; } .gplus { background-position: -159px 0; } .ins { background-position: -238px 0; } /*---End: Social Sec----------*/ /*---Set: Kudos----------*/ .kudos { text-align: left; width: 100%; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .kudos_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .kudos_title h2 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .kudos_title h3 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .kudos p { font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 300; line-height: 30px; color: #221e13; } .kudos ul { margin: 0; padding: 0; list-style: none;} .kudos ul li { float: left; width: 100%; border-bottom: 1px solid #e7e7e7; padding:0; margin-bottom: 7px; box-sizing: border-box; text-align: left; position: relative; } .kudos ul li a span { position: absolute; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; width: 24px; height: 23px; line-height: 23px; text-align: center; bottom: 0; right: 0; background-color: #e7e7e7; } .kudos ul li a { font-family: 'Lato', sans-serif; color: #221e13; font-size: 18px; line-height: 36px; } .kudos ul li img { display: block; vertical-align: middle; width: 70px; height: 70px; object-fit: cover; margin: 0 auto; } /*---End: Kudos----------*/ /*---Set: Testimonials----------*/ .testimonials { text-align: center; width: 100%; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 30px 25px 50px 25px; margin-bottom: 30px; box-sizing: border-box; } .testimonials_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .testimonials_title h2 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .testimonials_title h3 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .testimonials p { font-family: 'Georgia-Italic', sans-serif; font-size: 18px; line-height: 27px; color: #221e13; } .testimonials a { font-family: 'Lato', sans-serif; font-weight: 600; font-size: 24px; /*text-transform: uppercase;*/ line-height: 30px; color: #d83b2f; margin-bottom: 10px; letter-spacing: 2px; } .testimonials .slick-dots { bottom: 20px; left: 0; right: 0; margin: 0 auto; } .testimonials .slick-dots li { width: 10px; height: 10px; background-color: transparent; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; } .testimonials .slick-dots li button { padding: 0; width: 10px; height: 10px; background: #e6e6e6; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; } .testimonials .slick-dots li button:hover { background: #ff7076; } .testimonials .slick-dots li button:before { display: none; } .testimonials .slick-dots li.slick-active { background: #ff7076; } .testimonials .slick-dots li.slick-active button { background: #ff7076; } .testimonials .slick-dots li.slick-active button:before { display: none; } /*---End: Testimonials----------*/ /*---Set: Category----------*/ .category { text-align: center; width: 100%; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .category_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .category_title h2 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .category_title h3 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .category ul { margin: 0; padding: 0; list-style: none;} .category ul li { float: left; width: 100%; border-bottom: 1px solid #e7e7e7; padding:0; margin-bottom: 7px; box-sizing: border-box; text-align: left; position: relative; } .category ul li a span { position: absolute; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400; width: 24px; height: 23px; line-height: 23px; text-align: center; bottom: 0; right: 0; background-color: #e7e7e7; } .category ul li a { font-family: 'Lato', sans-serif; color: #221e13; font-size: 18px; line-height: 36px; } .category ul li img { display: block; vertical-align: middle; width: 70px; height: 70px; object-fit: cover; margin: 0 auto; } /*---End: Category----------*/ /*---Set: Latest Tweets----------*/ .latest_twieets { text-align: center; width: 100%;/* max-width: 300px;*/ display: inline-block; /*background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px;*/ /*padding: 0 25px;*/ padding: 0 0 0 30px; /*margin-bottom: 30px;*/ box-sizing: border-box; } /*.latest_twieets img { width: auto; max-width: 100%; margin: 0 auto; display: block; }*/ .latest_twieets_title { width: 100%; display: inline-block; vertical-align: top; text-align: left; } .latest_twieets_title h3 { font-family: 'Lato', sans-serif; font-size: 20px; line-height: 24px; color: #2b2b2b; text-transform: uppercase; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; } .latest_twieets ul { margin: 0; padding: 0; list-style: none;} .latest_twieets ul li { float: left; width: 100%; border-bottom: 1px solid #cccccc; padding:0; margin-bottom: 7px; box-sizing: border-box; text-align: left; } .latest_twieets ul li a span { float: right; } .latest_twieets ul li a { font-family: 'Lato', sans-serif; color: #221e13; font-size: 18px; line-height: 36px; } .latest_twieets ul li img { display: block; vertical-align: middle; width: 70px; height: 70px; object-fit: cover; margin: 0 auto; } /*---Set: Category----------*/ .tag_cloud { text-align: center; width: 100%; display: inline-block; background-color: #ffffff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.07); border-radius: 5px; padding: 25px; margin-bottom: 30px; box-sizing: border-box; } .tag_cloud_title { width: 100%; display: inline-block; vertical-align: top; text-align: center; } .tag_cloud_title h2 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .tag_cloud_title h3 { font-family: 'Lato', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 24px; color: #2b2b2b; font-weight: 900; margin-bottom: 20px; margin-top: 0; position: relative; letter-spacing: 4px; } .tag_cloud ul { margin: 0; padding: 0; list-style: none;} .tag_cloud ul li { float: left; margin-right: 5px; margin-bottom: 6px; box-sizing: border-box; text-align: left; } .tagcloud a { float: left; margin-right: 5px; margin-bottom: 6px; box-sizing: border-box; text-align: center; background: #f2f2f2; color: #221e13; font-family: 'Lato', sans-serif; font-size: 14px!important; line-height: 24px; font-weight: 300; padding: 0 10px; border-radius: 3px; } .tagcloud a:hover { color: #ffffff; background-color: #d83b2f; } .tag_cloud ul li a { display: block; background: #f2f2f2; color: #221e13; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; padding: 2px 10px; border-radius: 3px; } .tag_cloud ul li a:hover { color: #ffffff; background-color: #d83b2f; } /*---End: Category----------*/ /*-----------END: BLOG PAGE HERE---------*/ /*--------END: MAIN CONTENT HERE------------*/ /*************************FOOTER HERE************************************/ .footer { background-image: url(images/footerbg.jpg); background-repeat: no-repeat; background-size: 100% 100%; min-height: 203px; width: 100%; display: inline-block; vertical-align: top; text-align: center; } .footerin { width: 100%; height: auto; position: relative; padding-top: 90px; padding-bottom: 25px; box-sizing: border-box; } .flogo { position: absolute; top: -53px; left: 0; right: 0 ; margin: 0 auto; width: 182px; } .flogo a { display: block; } .flogo a img { width: auto; max-width: 100%; height: auto; } .footer p { color: #999999 !important; padding: 0; } .fmenu { margin: 0 0 35px 0; padding: 0; list-style: none; } .fmenu li { display: inline-block; vertical-align: top; margin: 0 15px; position: relative; } .fmenu li:after { content: ""; color: #ffffff !important; line-height: 30px; position: absolute; top: 50%; right: -15px; width: 2px; height: 2px; border-radius: 100%; background-color: #ffffff !important; } .fmenu li:last-child:after { display: none; } .fmenu li a { display: inline-block; color: #ffffff !important; font-size: 15px; font-family: 'JosefinSans-SemiBold', sans-serif; text-transform: uppercase; } .copymenu { margin: 0; padding: 0; list-style: none; } .copymenu li { display: inline-block; vertical-align: top; margin: 0 10px; position: relative; } .copymenu li:after { content: ""; color: #ffffff !important; line-height: 30px; position: absolute; top: 50%; right: -15px; width: 2px; height: 2px; border-radius: 100%; background-color: #ffffff !important; } .copymenu li:last-child:after { display: none; } .copymenu li a { display: inline-block; color: #ffffff !important; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; } /********************END: FOOTER HERE********************/ /*------------------SET: INNER 1-----------------------*/ /*------------------END: INNER 1-----------------------*/ /*-------Set: Breadcrumb----------------*/ /* .breadcrum { width: 100%; min-height: 80px; background: #f5f5f5; } .bread_heading h3 { font-size: 35px; line-height: 75px; font-family: "DINPro-Regular", sans-serif; color: #000000; margin: 0; } .bread { margin: 29px 0; text-align: right; } .bread ul { margin: 0; padding: 0; list-style: none; } .bread ul li { display: inline-block; position: relative; color: #000000; font-family: "DINPro-Regular", sans-serif; font-size: 16px; padding: 0 10px 0 0; } .bread ul li:last-child { padding-left: 3px; font-family: "DINPro-Medium", sans-serif; } .bread ul li:last-child a { padding-left: 3px; font-family: "DINPro-Medium", sans-serif; } .bread ul li:last-child::after { display: none; } .bread ul li a { display: block; color: #000000; font-family: "DINPro-Regular", sans-serif; font-size: 16px; } .bread ul li:after { position: absolute; top: 0; right: 0; content: "/"; color: #858389; font-family: "DINPro-Regular", sans-serif; font-size: 16px; } */ /*----------End: Breadcrumb-----------*/ /*------------------INNER 1-----------------------*/ .inner { width: 100%; } .inner .category { margin-bottom: 30px; } .inner .author { border: none; } .inner .author li { width: 100%; text-align: left; } /* .inner .author li:last-child a { line-height: normal; } */ .inner .blogcontent { padding: 35px; box-sizing: border-box; } .inner .blogcontent blockquote { padding: 0 20px; margin: 30px 0; font-size: 24px; line-height: 36px; border-left: 5px solid #d83b2f; font-family: 'Georgia-Italic', sans-serif; } .inner .blogcontent blockquote p { font-size: 24px; line-height: 36px; font-family: 'Georgia-Italic', sans-serif; } .inner .post_content { padding-left: 0; padding-right: 0; } .inner .post_content h3 a,h4 a { color: #007bff; } .inner .post_content div:not(.wrapper) img { margin-bottom: 15px; max-width: 100%; } .inner .post_img img { width: 100%; max-width: 100%; border-radius: none; } .inner .blogcontent h1 { margin-bottom: 10px; } .inner .blogcontent h2,h3,h4 { margin-bottom: 20px; } .inner .blogcontent ul:not(.clearfix) li { padding: 10px; font-size: 18px; } .inner .blogcontent ol li { padding: 10px; font-size: 18px; } .inner .blogcontent ul:not(.clearfix) li a { color: #1A73E8; font-weight: 400; } .inner .blogcontent ol li a { color: #1A73E8; font-weight: 400; } .inner .blogcontent ul:not(.clearfix) li a:hover { color: #1A73E8; text-decoration:underline; } .inner .blogcontent ol li a:hover { color: #1A73E8; text-decoration:underline; } .wrapper { display: table; padding: 10px 25px 10px 25px; } .caption { display: table-caption; caption-side: bottom; padding: 0px 25px 25px 25px; font-style: italic; } .img-fluid { border-radius: 5px; max-width:100%; height:auto; } .img-fluid.p-3 { border-radius: 25px; } .img-fluid.p-4 { border-radius: 35px; } .tagsec { width: 100%; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 25px 0; box-sizing: border-box; } .tagsec h4 { display: inline-block; vertical-align: middle; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 900; text-transform: uppercase; color: #221e13; margin: 0 15px 0 0; } .tag { margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle; } .tag li { float: left; color: #757575; font-family: 'Lato', sans-serif; font-size: 16px; margin-right: 5px; margin-bottom: 6px; } .tag li a { display: block; background: #f2f2f2; color: #221e13; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; padding: 5px; border-radius: 3px; } .tag li a:hover { background: #d83b2f; color: #f2f2f2; } .tag li:last-child { text-align: right; } .tag li a em { color: #d83b2f; } .btnsec { display: inline-block; vertical-align: top; padding: 25px 0 10px; } .btnsec a { display: inline-block; vertical-align: top; background: #d83b2f !important; color: #f2f2f2 !important; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 400; padding: 6px 11px; border-radius: 4px; text-transform: uppercase; border: 1px solid transparent; } .btnsec a:hover { background: #f2f2f2 !important; color: #d83b2f !important; border: 1px solid #d83b2f; } .navigation .screen-reader-text { display: none; } .navigation .nav-links { margin-bottom: 55px; display: inline-block !important; vertical-align: top; border-radius: 4px; } .navigation .nav-links .page-numbers.prev { width: auto; height: 30px; font-size: 16px; padding-left: 5px; padding-right: 5px; } .navigation .nav-links .page-numbers.next { width: auto; height: 30px; font-size: 16px; padding-left: 5px; padding-right: 5px; } .navigation .nav-links .page-numbers { min-width: 30px; height: 30px; color: #ffffff !important; background-color: #d83b2f !important; border-radius: 4px; margin: 0 5px; font-family: 'Optima', sans-serif; font-size: 20px; padding: 0 5px; line-height: 30px; float: left; text-align: center; box-sizing: border-box; border: 1px solid #d83b2f; } /*.navigation .nav-links .page-numbers:first-child{ border-left: none; }*/ .navigation .nav-links .page-numbers:hover { color: #d83b2f !important; background-color: #f2f2f2 !important; } .navigation .nav-links .current { color: #d83b2f !important; background-color: #f2f2f2 !important; } .post-nav-links { margin-bottom: 55px; display: inline-block !important; vertical-align: top; border-radius: 4px; text-align: left; float:right; clear: both; display: table;} .post-nav-links .post-page-numbers { min-width: 30px; height: 30px; color: #ffffff !important; background-color: #d83b2f !important; border-radius: 4px; margin: 0 5px; font-family: 'Optima', sans-serif; font-size: 20px; padding: 5px 10px; line-height: 30px; text-align: center; box-sizing: border-box; border: 1px solid #d83b2f; } .post-nav-links .post-page-numbers:hover { color: #d83b2f !important; background-color: #f2f2f2 !important; } .post-nav-links .current { color: #d83b2f !important; background-color: #f2f2f2 !important; } .blogcontent .search-form label .search-field { text-align: left; border: 1px solid #e7e7e7; border-radius: 4px; padding: 5px 10px; box-sizing: border-box; } .blogcontent .search-form .search-submit { background: #d83b2f; color: #f2f2f2; border-radius: 4px; height: 34px; line-height: 34px; } .blogcontent .search-form label .search-field::-webkit-input-placeholder { text-align: left; color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; } .blogcontent .search-form label .search-field::-moz-placeholder { text-align: left; color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; } .blogcontent .search-form label .search-field:-ms-input-placeholder { text-align: left; color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; } .blogcontent .search-form label .search-field:-moz-placeholder { text-align: left; color: #222222; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; } .blogcontent .search-form label .search-field { text-align: left; border: 1px solid #e7e7e7; } #s-share-buttons { margin: 50px 0 35px; } @media (min-width: 576px) and (max-width: 767px) { .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } .corona { border-collapse: collapse; width: 100%; } .corona td, .corona th { border: 1px solid #ddd; padding: 8px; resize: both; overflow: auto; } .corona tr:nth-child(even){background-color: #f2f2f2;} .corona tr:hover {background-color: #ddd;} .corona th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50; color: white; } .corona a { color: #1A73E8 !important; font-weight: 400; } .corona a:hover { text-decoration: underline; color: #1A73E8; } .cbBtn { display: none; } input[id^="btnWrong"]:checked + label > span:after { content: "Try Again"; color: red; } input[id^="btnRight"]:checked + label > span:after { content: "Correct!"; color: green; } .lblbtn > span { display: table-cell; width: 200px; height: 243px; background-color: #f2f2f2; padding: 5px; font-weight: bold; text-align: center; border-radius: 5px; } .lblbtn > span > img { border-radius: 5px; } .buyNow { box-shadow:inset 0px 1px 0px 0px #fce2c1; background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%); background-color:#ffc477; border-radius:6px; border:1px solid #eeb44f; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:28px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #cc9f52; } .buyNow:hover { background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%); background-color:#fb9e25; } .buyNow:active { position:relative; top:1px; } .fa { color: #fff !important; } a:hover .fa { color: #d83b2f !important; } .wp-classic-pros-cons .wppc-btn-wrapper .jd-wppc-btn { padding: 5px; } .wp-classic-pros-cons .wppc-pros-cons-heading { font-size: 24px !important; } .related-single { display: block; font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: left; padding: 0.5rem 1rem; border-left: 15px solid #e63e30; } .related-single a { display: flex; align-items: center; justify-content: flex-start; font-size: 22px; text-transform: capitalize; line-height: 1.4; margin-top: 0.5rem; border-bottom: none; }