/* Main Style File */ /** * Table of Contents: * * 1.0 - General Style * 2.0 - Basic Structure * 3.0 - Buttons * 4.0 - Buttons Animation * 5.0 - Header * 7.0 - Counter Section * 8.0 - Team Section * 9.0 - Plan Section * 10.0 - Testimonials Section * 11.0 - Contact Section * 12.0 - Protfolio Section * 13.0 - Twitter Section * 14.0 - Footer Section * 15.0 - Blog post Section * 16.0 - Single post Section * 17.0 - 404 Section * 18.0 - loader Section * 19.0 - Demo Section * 20.0 - Scroll buttion * 21.0 - Responsive Section * ----------------------------------------------------------------------------- */ /** * 1.0 General Style * ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } body { margin: 0; padding: 0; /*Default font size */ font-size: 15px; font-family: 'Open Sans', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; background:#faf9f5; } a,a:hover,a:visited,a:focus{ text-decoration:none; } :focus { outline: -webkit-focus-ring-color auto 0px; } a{ color:#333; } a:hover{ color:black; } input:focus,textarea:focus{ box-shadow:none !important; color:black !important; } input,textarea { border-radius:50px !important; border:2px solid #ccc !important; } /** * 2.0 Basic Structure * ----------------------------------------------------------------------------- */ #main_container { max-width:1500px; width:100%; margin:auto } .container { max-width:911px; margin: auto; } p { font-size:15px; color: #555; line-height:25px; } h1 { font-size: 30px; color: #fff; margin:0; } h2 { font-size:28px; color: #000; margin:0; } .no-padding{ padding:0px; } /** * 3.0 header Section * ----------------------------------------------------------------------------- */ .sidebar{ background:#2a2a26; padding:60px 45px; } .nav ul{ border-top:1px solid #1d1d1b; border-bottom:1px solid #1d1d1b; padding:20px 0px; margin-top:30px; text-transform:uppercase; font-size:15px; } .nav ul li{ list-style:none; } .nav ul li a{ color:#2fbfc0; text-decoration:none; display:block; padding:5px 10px; } .nav ul li a.active{ color:#fff; } .nav ul li a:hover{ color:#fff; } .search_bar{ position:relative; } .search_bar #newsletter input[type=text]{ border:3px solid #333 !important; color:#2fbfc0 !important; font-size:15px !important; padding: 0px 18px; height:50px; width: auto; margin-top:30px; } .search_icon .fa{ color: #2fbfc0; font-size: 20px; position: absolute; top:56%; right:43px; } .recent_post ul{ border-top:1px solid #1d1d1b; margin-top:15px; font-size:15px; } .recent_post ul li{ list-style:none; border-bottom:1px solid #42423f; line-height:45px; } .recent_post ul li a{ color:#9c9c9c; text-decoration:none; display:block; padding:5px 10px; } .recent_post ul li a:hover{ color:#fff; } .recent_post_heading{ color:#fff; font-size:20px; font-weight:300; padding-left:10px; } /*Right Section Start Here*/ .main_rightSection{ margin:0; padding:0; position: relative; /* left:-10px; */} .tittle_section{ background:#2fbfc0; padding:60px 60px; width:100%; } .tittle_section h1{ color:#fff; font-size:45px; line-height:50px; text-transform:uppercase; font-weight:700; } .breadcrumb{ font-size:12px; background:none; padding-top:15px; margin:0; letter-spacing:1px; } .breadcrumb ul li a{ color:#1a676c; } .breadcrumb > .active{ color:#fff; } .breadcrumb > li + li:before{ color:#1a676c; } .post_section{ width:100%; padding:0; margin-top:80px; } .post_section h2{ color:#2a2a26; font-size:30px; line-height:30px; font-weight:700; } .categories_row ul{ width:100%; padding-top:15px; font-size:11px; letter-spacing:1px; text-transform:uppercase; } .categories_row li{ float:left; list-style:none; } .categories_row li a{ color:#a3a3a3; text-decoration:none; padding-right:25px; } .categories_row li a:hover{ color:#1eb2b2; } .categories_row .fa{ color:#a3a3a3; font-size:13px; } .tittle_section .categories_row ul{ padding-bottom:30px; } .tittle_section .categories_row ul li a{ color:#196768; } .tittle_section .categories_row ul li a:hover{ color:#fff; } .tittle_section .categories_row ul li a .fa{ color:#196768; } .tittle_section .categories_row ul li a .fa:hover{ color:#fff; } .post_block{ background:#fff; padding:50px 45px; float:left; margin-top:-4px; } .readmore{ font-size:15px; font-weight:700; text-transform:uppercase; padding-top:30px; } .readmore a{ text-decoration:none; color:#2fbfc0; } .readmore a:hover{ text-decoration:none; color:#2a2a26; } .pagination > li > a, .pagination > li > span { background-color: transparent; border: 1px solid #ddd; border-radius: 5px; color: #333; float: left; margin: 3px; padding: 4px 10px; position: relative; text-decoration: none; } .footer_section{ background:#fff; padding:70px 0px; text-align:center; margin-top:80px; } .widget .fa{ font-size:20px; margin:5px; color:#2a2a26; } .single_authordsc{ margin-top:50px; } .single_authordsc h2{ text-align:left; font-size:18px; color:#5f6565; font-weight:300; text-transform: capitalize; } .single_authordsc p{ color:#555l; font-size:15px; line-height:27px; text-align:left; border-left: 4px solid #1eb2b2; padding:10px 0px 10px 10px; } .single_authordsc a{ color:#1eb2b2; } .author_img{ width:124px; height:124px; border-radius:10px; } .comment_heading{ margin-top:50px; border-bottom:1px solid #e5e4e1; padding-bottom:20px; } .comment_heading h2{ font-size:20px; color:#2a2a26; font-weight:600; } .comment_row{ padding:0; border-bottom:1px solid #e5e4e1; padding:40px 0px; } .comment_row h3{ font-size:16px; font-weight:400; color:#6c6c6b; } .comment_row span{ font-size:13px; color:#1eb2b2; letter-spacing:1px; } .comment_row .readmore{ padding-top:0px; } .col-sm-offset-1{ margin-left:2%; } .form_section{ padding-top:70px; } .form_section h3{ font-size:20px; color:#2a2a26; font-weight:600; } .form-control { background-color: transparent; border-radius: 10px !important; display: block; height: auto; padding: 15px; width: 100%; border: none; font-size: 15px; font-weight: 400; } @media screen and (max-width: 1024px) { .img_responsive{ width:100%; } .single_authordsc{ text-align:center; } .single_authordsc .pull-left{ float:none !important; } .single_authordsc h2{ text-align:center; line-height:50px; } .comment_row{ text-align:center; } .comment_row h3{ line-height:30px; } .comment_row .readmore{ line-height:50px; } .comment_row .pull-right{ float:none !important; } .col-xs-offset-1{ margin-left:0px !important; } .comment_heading{ text-align:center; } .form_section{ text-align:center; } .form_section .pull-right{ float:none !important; } }