.row{ width: 100%; } body{ background:#f7f7f7; font-size: 1.1em; line-height: 1.8em; font-family:'Droid Serif','Open Sans', sans-serif; position: relative; color: #000; } hr{ border-color: rgb(29, 29, 29); } h1,h2,h3,h4,h5,h6{ font-family: 'Droid sans', sans-serif; color:#222; font-weight: normal; } h1.title{ text-transform: uppercase; font-weight: bold; line-height: 1em; margin-top: 0; } h1.page-title{ text-transform: uppercase; font-size: 2em; font-weight: bold; } h2.sub-title { font-size: 18px; line-height: 2em; margin-bottom: 22px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { padding: 15px 10px; } ::selection{ color: #fff; background: #a6b982 } a{ color: #54899d; } a:hover{ color:#000; } .plr0{ padding-left: 0; padding-right: 0; } .pl0{ padding-left: 0; } .pr0{ padding-right: 0; } .logo h1{ font-weight: bold; margin-bottom: 0; color: rgb(175, 80, 80); text-transform: uppercase; } .logo h1 span{ font-weight: normal; color: rgb(26, 127, 167); } .row.small-top-menu{ display: none; } .outterWrapper{ background:#fff; } .innerWrapper{ background: #fff; } p{ font-size: .75em; line-height: 1.5em; } .button{ font-size: .75em; } a.button.custom{ font-size: .5em; background: #000; border-radius: 10px; border:0; padding:25px 80px; } .contentwrapper{ border-bottom: 1px solid rgba(0,0,0,.1); } .content{ padding: 0 20px 20px 20px; } /************header*************/ .header{ padding:30px 10px 30px 20px; min-height: 120px; background: #fff; } .header media-clumns{ text-align: right; } /********index***********/ .fourup-row{ padding: 30px 0; } .fourup-row .box{ } .fourup-row .box h3{ color: #000000; font-size: .8em; text-transform: uppercase; } span.icon{ width: 100px; display: inline-block; padding:10px 35px; margin-left: 3em; margin-bottom: 1em; } span.icon.question{ background: #9d5481; } span.icon.star{ background: #909d54; } span.icon.cloud{ background: #54899d; } span.icon.eye{ background: #9d5454; } .fourup-row .box .button,.welcome-row .box .button{ background: #0b0b0b; border: 3px solid #111; border-radius: 5px; box-shadow: none; color: #212121; margin-bottom: 0; } .threeup-row{ padding: 30px 0; border-top: 2px solid rgb(231, 231, 231); } .threeup-row .box{ } .threeup-row .box h3{ font-size: 1.4em; text-transform: uppercase; color: #3b6172; font-weight: bold; text-align: center; } .threeup-row .box img{ padding: 20px 30px; box-shadow: 0 0 10px rgba(0,0,0,.4); } /***************topmenu****************/ .sf-menu{ margin-bottom: 0; background: #b85347; border-bottom: 2px solid #fff; } .top-menu{ padding: 0 20px; } .sf-menu li{ background: transparent; } .sf-menu li:last-child{ border-right: 0; } .sf-menu ul li{ border-right: 0; } .top-nav{ background: #222; } .top-menu hr{ border:4px solid rgb(9, 95, 134); margin-top: 5px; } .sf-menu ul li,.sf-menu ul ul li,.sf-menu ul ul ul li { background: #0e3c51; } .sf-menu li:hover, .sf-menu li.sfHover { background: #1a5c7a; } .sf-menu a{ color: #fff; border:none; font-family: Arial,'Droid Sans', sans-serif; text-transform: uppercase; font-size: .75em; font-weight: 600; padding-top:1.3em; padding-bottom:1.3em; padding-left: 3em; padding-right: 3em; } .sf-menu ul li a{ padding-top: 1em; padding-bottom: 1em; } .small-top-menu{ display: none } .small-top-menu select{ padding: 5px; background: #B8473E; text-transform: uppercase; border:5px solid #fff; margin-bottom: 0; } /****************slider*************/ .flexslider-row{ padding:20px; } .flexslider { border: none; border-radius: 0; margin-bottom: 0; } .flex-control-nav{ display: none; } .row.featured-img-row{ margin-bottom: 17px; } .row.featured-img-row img,.slider-box img{ border:8px solid rgb(243, 243, 243) } /************index***********/ .slider-text{ padding-right: 40px; } .slider-text h2{ font-weight: bold; line-height: 1em; font-size: 1.5em; text-transform: uppercase; } .slider-text h3{ color: #4f96b6; font-size: .9em; font-weight: bold; } .slider-text h4{ color: #ccc; font-weight: bold; } .slider-text p{ font-family: "Droid Serif"; line-height: 2em; } .slider-text .button{ margin-top: 0; } .slider-text p.text{ margin-top:15px; } p.center-align{ text-align: center; } .testimonial-row{ background: #000; } .testimonial-row .testimonial-box{ padding: 40px; } img.front-test-img{ padding: 10px; background: #232323; } .testimonial-box h3{ text-transform: uppercase; line-height: 1em; font-weight: bold; margin-top: 0; } .testimonial-box{ color: #4a4a4a; } .testimonial-box p{ text-transform:lowercase; } .learn-more a{ font-style: italic; } .learn-more a:hover{ color: #f9641b; } p.test-credit{ margin-bottom: 0; } /**************about***********/ h5.employer-name{ font-weight: bold; text-transform: uppercase; } /************service*********/ .row.services{ margin-bottom: 30px; } /**********contact*********/ .vcard .fn{ font-size: 1em; text-transform: uppercase; } .button.contact-form-button{ font-size: .5em; background: #000; border-radius: 10px; border:0; padding:15px 60px; margin-top: 10px; } .contact-form input{ padding: 8px 10px; height: 35px; } .message{ color: red; text-align: right; margin-bottom: 20px; } /****************sidebar*************/ .sidebar ul li{ list-style-position: inside; /*list-style-image: url('../images/blackarrow.png');*/ padding:6px; border-bottom: 1px solid rgb(19, 19, 19); } .sidebar ul li a{ font-size: .75em; color: #222; } .sidebar ul li a:hover{color: f9641b} /**************footer*********/ footer{ /*border-top:2px solid rgba(0,0,0,.2);*/ background:#000; color: #666; } .footer-box{ padding: 20px; font-size: .75em; } .footer-box [class*="block-grid-"]{ margin: 0; } .footer-box p{ font-size: .8em; margin-bottom: .9em; } .footer-menu{ padding: 30px 0; } img.scrolltop{ box-shadow: 0 0 10px rgba(0,0,0,.2); background: #222; border-radius: 20px; } .footer-menu a{ color: #fff; text-transform: uppercase; } .media-list{ padding: 20px 0; } a.media{ color: #fff; height: 40px; width:40px; display: inline-block; /*padding: 5px 12px;*/ padding: 5px 6px; border-radius: 50%; background: rgb(34,34,34); font-size: 1.3em; font-weight: bold; margin-right:10px; } .header a.media{ margin-top:25px; } .media-column{ text-align: right; } a.media{ text-align: center; } #recaptcha_table{ width:100%; } @media only screen and (max-width:800px){ .top-menu{ display: none; } .row.small-top-menu{ display: block; } .media-column{ margin-top:20px; } a.media{ padding: 5px 10px; } img.services-image{ margin-bottom: 20px; } .header{ padding:20px 10px; min-height: auto; } .header a.media{ margin-top:0 } } @media only screen and (max-width:768px){ .media-column{ text-align: center; } } @media only screen and (max-width:640px){ .logo h1{ text-align: center; } } @media only screen and (max-width:640px){ .logo h1{ text-align: center; } .header{ padding-top: 10px; padding-bottom: 10px; } .pl0,.pr0{ padding: inherit; } .threeup-row .box{ text-align: center } ul.footer-menu{ padding-bottom: 0; display: inline-block; } .footer-box{ text-align: center; } } @media only screen and (max-width:400px){ .pl0{ padding-left: 0; } .slider-text{ padding-left:10px; padding-right: 10px; } .slider-text a.button{ margin-top:5px; } .logo{margin-bottom: 10px;} .outterWrapper{ margin-top:10px; margin-bottom: 10px; } .subscribe-box input.button.email-submit{ margin-left: 20px; margin-top:20px; } } .top-menu ul li a { color:#FFFFFF; } /*************wordpress css*************/ .captcha-img { display:block; } .wp-caption { max-width: 100%; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } .wp-caption.alignright { margin: 5px 0 5px 10px; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; } .wp-caption .wp-caption-text, .entry-caption, .gallery-caption { color: #220e10; font-size: 18px; font-style: italic; font-weight: 300; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } .wp-caption.alignleft + ul, .wp-caption.alignleft + ol { list-style-position: inside; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: -60px; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: -60px; } .wp-caption-text { color: #fff; } .bypostauthor > .comment-body .fn:before { content: "\f408"; vertical-align: text-top; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .sticky.format-standard .entry-meta .date, .sticky.format-audio .entry-meta .date, .sticky.format-chat .entry-meta .date, .sticky.format-image .entry-meta .date, .sticky.format-gallery .entry-meta .date { display: none; } .entry-title { margin:0px 0px 25px 0px; padding:0; line-height:1em; text-transform:uppercase; color:#000; } .entry-title a { color:#222; } span.categories-links { margin-left:6px; } span.categories-links a { color:#222; text-transform:capitalize; font-size: .75em; line-height:1em; } span.author { margin-left:6px; background:url(../images/admin.png) no-repeat; background-position:0px 5px; } span.author a { padding-left:18px; text-transform:capitalize; color: #222; font-size: .75em; line-height:1em; } .entry-meta { position:relative; top:-5px; margin:10px 0px 25px 0px; line-height:1em; } span.date { background:url(../images/calendar.png) no-repeat; background-position:0px 3px; font-size: .75em; line-height:1em; } span.date a { padding-left:18px; color: #222; } .custom-entry-meta { margin:0; } span.tags-links { margin-left:3px; display:block; margin:0; text-transform:capitalize; position:relative; top:-5px; font-size: .75em; } span.tags-links { background:url(../images/tag.png) no-repeat; background-position:0px 9px; margin-bottom:30px; } span.tags-links a:first-child { padding-left:18px; } span.tags-links a { color:#000; } .form-allowed-tags { display:none; } .footer-meta h1.widget-title { color:#FFFFFF; } .footer-meta div.widget ul li { list-style:none; margin:3px 0px 3px 0px; } .footer-box div.widget ul li a { color:#fff; } div.footer-meta-inner #secondary div.widget h2 { color:#FFFFFF; text-transform:uppercase; } div.footer-meta-inner #secondary div.widget h3 { color:#FFFFFF; text-transform:uppercase; } .sidebar ul li.bullet { padding:3px 0px 3px 0px; } .author-page-title a { color:#FFFFFF; } #comments { margin-top:10px; } #respond p { margin-top:10px; } #respond p.comment-form-comment textarea { height:150px; } #respond p.form-submit input[type="submit"] { background-color: #a6b982; -webkit-transition: background-color 1000ms linear; -moz-transition: background-color 1000ms linear; -o-transition: background-color 1000ms linear; -ms-transition: background-color 1000ms linear; transition: background-color 1000ms linear; color:#FFFFFF; padding: 0.5em; border-color: #ccc; border-radius: 0; border-left: 0; } aside.widget ul li { padding:3px 0px 3px 0px; } .category-read-more { background:url(../images/view_more_text.png) no-repeat; background-position:0px 2px; padding-left:16px; color:#222; } .nav-links { width:100%; float:left; margin-bottom:20px; font-size:.75em; } .nav-links a { font-weight:normal; } .nav-previous-post { float:left; } .nav-next-post { float:right; } .entry-thumbnail { margin:10px 0px 10px 0px; } h1.archive-title a { color:#222; } .footer-box .widget { margin-bottom:10px; } .footer-box .anchor_default_footer_widget { margin:0px; } .footer-box .anchor_default_footer_widget li { padding:0; font-size:inherit; border:none; } .footer-box .anchor_default_footer_widget li a { font-size:inherit; } .footer-box .widget h2 { color:#FFFFFF; text-transform:uppercase; } .footer-box .widget li { margin:4px 0px 4px 20px; } .footer-box .widget a:hover { color:#fff; } .footer-box .anchor_default_footer_widget li { margin:0 } .comment-list li { background:#eee; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; padding:10px; list-style:none; } .comment-list li { list-style:none; } .comment-list li ul li:nth-child(odd) { background:#fff; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; padding:10px; list-style:none; } .comment-list li ul li:nth-child(even) { background:#eee; border:1px solid #ccc; border-radius:5px; margin-bottom:10px; padding:10px; list-style:none; } .comment-list li p { text-align: justify; margin: 0px 0px 0px 60px; } .reply { margin: 0px 0px 10px 60px; } .comment-list li #reply-title { margin:0px 0px 0px 60px; } .comment-list li #reply-title small { margin-top:10px; display:block; } .comment-author { /*border:none;*/ } .comment-author img { margin-right:10px; } .post-edit-link { font-size:13px; } aside.widget_search input[type="text"] { width:72%; float:left; margin-right:5px; } aside.widget_search input[type="submit"] { height:35px; } .wp-pagenavi span.pages { background:#B85347; padding: 6px 9px 6px 9px !important; margin:0px 3px 0px 3px; border:1px solid #ccc; color:#FFFFFF; font-size: .75em; } .wp-pagenavi span.current { background:#B85347; padding: 6px 9px 6px 9px !important; margin:0px 3px 0px 3px; border:1px solid #ccc; color:#FFFFFF; font-size: .75em; } .wp-pagenavi a.page { padding: 6px 9px 6px 9px !important; margin:0px 3px 0px 3px; border:1px solid #ccc; font-size: .75em; } .wp-pagenavi a.previouspostslink{ padding: 6px 9px 6px 9px !important; margin: 0px 5px 0px 0px; border:1px solid #ccc; color: #222; font-size: .75em; } .wp-pagenavi a.nextpostslink{ padding: 6px 9px 6px 9px !important; margin: 0px 5px 0px 0px; border:1px solid #ccc; color: #222; font-size: .75em; } .gallery-content .large-block-grid-4 li { margin-bottom:10px; } @media only screen and (max-width:400px){ .wp-pagenavi { margin-bottom:30px; } }