/* Theme Name: Twenty Sixteen Child Theme URI: https://wordpress.org/themes/twentysixteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere. Version: 1.3 Template:twentysixteen License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: twentysixteenchild 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. */ /** * Table of Contents * * 1.0 - Normalize * 2.0 - Genericons * 3.0 - Typography * 4.0 - Elements * 5.0 - Forms * 6.0 - Navigation * 6.1 - Links * 6.2 - Menus * 7.0 - Accessibility * 8.0 - Alignments * 9.0 - Clearings * 10.0 - Widgets * 11.0 - Content * 11.1 - Header * 11.2 - Posts and pages * 11.3 - Post Formats * 11.4 - Comments * 11.5 - Sidebar * 11.6 - Footer * 12.0 - Media * 12.1 - Captions * 12.2 - Galleries * 13.0 - Multisite * 14.0 - Media Queries * 14.1 - >= 710px * 14.2 - >= 783px * 14.3 - >= 910px * 14.4 - >= 985px * 14.5 - >= 1200px * 15.0 - Print */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ */ body{ width:100%; height:100%; margin:0px; padding:0px; color:#333; background:#fff; font-family: 'Open Sans', sans-serif; font-size:14px;} h1, h2, h3, h4, h5, h6{} p{ margin:10px 0px;} ul, li, ol{ list-style:none; padding:0px;} a, a:hover, a:focus, a:active{ text-decoration:none;} img{ width:100%; max-width:100%; border:none; outline:none;height:auto;} .clr{ clear:both;} .oflow{ overflow:hidden;} /*Header*/ #header_container{ box-shadow:2px 3px 4px #ccc; height:93px; background:#fff;} .logo{ width:100%; max-width:220px; padding:5px 0px;} .navigation{ background:none; border:none; margin:0px; min-height:auto;} .navbar-nav{ float:right;} .navbar-nav li{ margin:0px 0px 0px 20px;} .navbar-nav li:first-child{ margin-left:0px;} .navbar-nav li a{ color:#333; text-transform:uppercase; padding:36px 15px 37px; font-weight:600;} .navbar-default .navbar-nav > li > a{ color:#333;} /* .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ color:#ea4f54;} */ .navbar-default .navbar-nav > li.active > a{ background:#FF8A33; color:#fff;} /*End Header*/ /*Banner*/ .page{ margin-top:103px;} .page1{ margin-top:45px;} #banner_container{ /* background:url(./images/banner.png) no-repeat center top; */ background-size:cover; margin:8px 0px 0px; padding:65px 0px;} .banner h1{ color:#fff; font-size:32px; font-weight:lighter; line-height:48px; text-transform:uppercase;} .banner p{ color:#fff; opacity:0.6; line-height:24px; margin:25px 0px;} .learn_btn{ background:#FF8A33; padding:12px 30px; border-radius:6px 0px; text-transform:uppercase; color:#fff; font-size:15px; margin:15px 0px 0px;} .learn_btn:hover{ color:#fff; background:#FF7133;} .learn_btn i{ padding:0px 10px 0px 0px;} .brain{ width:100%; max-width:130px; margin:0px auto;} /*End Banner*/ /*What Section*/ #what_container{ position:relative; z-index:9;} .what_image{ width:50%; height:100%; position:absolute; top:0px; left:0px; /* background-image:url(./images/what-img1.png); */ background-repeat:no-repeat; background-position:left top; background-size:cover;} .what{ padding:30px 20px 10px;} .head{ border-bottom:1px solid #ccc; margin:0px 0px 30px;} .head h2{ margin:0px 0px 15px; text-transform:uppercase; font-weight:lighter;} hr{ width:50px; border-color:#FF8A33; margin:0px; border-width:3px;} .what p{ color:#000; opacity:0.5; margin:20px 0px; line-height:23px;} .what_sec{ padding:10px 0px;} .what_sec h4{ text-transform:uppercase; margin-top:0px;} .what_sec p{ margin:10px 0px;} .what_img1{ width:80px; height:80px; margin:0px auto;} .data_icon{ background:url(./images/data-icon.png) no-repeat center center; background-size:100% auto;} .dialogue_icon{ background:url(./images/dialogue-icon.png) no-repeat center center; background-size:100% auto;} .intelligence_icon{ background:url(./images/intelligence-icon.png) no-repeat center center; background-size:100% auto;} .what_sec:hover .data_icon{ background:url(./images/data-icon1.png) no-repeat center center; background-size:100% auto;} .what_sec:hover .dialogue_icon{ background:url(./images/dialogue-icon1.png) no-repeat center center; background-size:100% auto;} .what_sec:hover .intelligence_icon{ background:url(./images/intelligence-icon1.png) no-repeat center center; background-size:100% auto;} /*End What Section*/ /*Why Section*/ #why_container{ padding:50px 0px; background:#f5f5f5;} .why_page{ padding:30px 0px 0px;} .why_page h4{ text-transform:uppercase; margin:22px 0px; font-size:17px;} .why_page p{ line-height:23px; color:#000; opacity:0.7;} .why_icon{ width:100px; margin:0px auto 22px; height:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .why_sec:hover .why_icon{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .why_icon1{ background:url(./images/why-icon1.png) no-repeat center center; background-size:100% 100%;} .why_sec{ padding:20px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;} .why_sec:hover{ box-shadow:0 0 0 7px #e5e5e5 inset;} /* .why_sec .why_icon, .why_sec p, .why_sec h4{ position:relative; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;} .why_sec:hover .why_icon, .why_sec:hover p, .why_sec:hover h4{ left:5px;} */ .why_sec:hover .why_icon1{ background:url(./images/why-icon11.png) no-repeat center center; background-size:100% 100%;} .why_icon2{ background:url(./images/why-icon2.png) no-repeat center center; background-size:100% 100%;} .why_sec:hover .why_icon2{ background:url(./images/why-icon22.png) no-repeat center center; background-size:100% 100%;} .why_icon3{ background:url(./images/why-icon3.png) no-repeat center center; background-size:100% 100%;} .why_sec:hover .why_icon3{ background:url(./images/why-icon33.png) no-repeat center center; background-size:100% 100%;} .why_icon4{ background:url(./images/why-icon4.png) no-repeat center center; background-size:100% 100%;} .why_sec:hover .why_icon4{ background:url(./images/why-icon44.png) no-repeat center center; background-size:100% 100%;} /*End Why Section*/ /*Who Section*/ #who_container{ padding:50px 0px;} .who p{ margin:0px 0px 25px; line-height:25px;} .who_img{ width:100%; max-width:400px; border:10px solid #f5f5f5; margin:0px auto; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; overflow:hidden;} .who_img:hover{ border:10px solid #e5e5e5;} .who_img img{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .who_img:hover img{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} /*End Who Section*/ /*Experience Section*/ #exp_container{ padding:50px 0px; background:#f5f5f5;} .exp h5{ line-height:23px;} /*End Experience Section*/ /*Contact*/ #contact_container{ padding:50px 0px 25px;} form{ padding:30px 0px 0px;} .form-group{ margin-bottom:25px;} .contact_input{ height:40px;} .submit_btn{ display:inherit; margin:0px auto;} /*End Contact*/ /*Footer*/ #footer_container{ background:#333; padding:10px 0px;} .footer p{ color:#fff; opacity:0.6;} .footer p a, .footer p a:hover{ color:#fff; text-decoration:underline;} .social_icons{ margin:5px 0px 0px; float:right;} .social_icons li{ display:block; width:31px; height:31px; float:left; margin:0px 0px 0px 10px;} .social_icons li:first-child{ margin-left:0px;} .social_icons li a{ display:block; width:31px; height:31px;} .social_icons li.facebook{ background:url(./images/facebook-icon.png) no-repeat;} .social_icons li.twitter{ background:url(./images/twitter-icon.png) no-repeat;} .social_icons li.rss{ background:url(./images/rss-icon.png) no-repeat;} .social_icons li.linkden{ background:url(./images/linkden-icon.png) no-repeat;} .social_icons li.google{ background:url(./images/google-icon.png) no-repeat;} .social_icons li.facebook:hover{ background:url(./images/facebook-icon1.png) no-repeat;} .social_icons li.twitter:hover{ background:url(./images/twitter-icon1.png) no-repeat;} .social_icons li.rss:hover{ background:url(./images/rss-icon1.png) no-repeat;} .social_icons li.linkden:hover{ background:url(./images/linkden-icon1.png) no-repeat;} .social_icons li.google:hover{ background:url(./images/google-icon1.png) no-repeat;} .modal-dialog{ width:100%; max-width:900px;} .modal-title{ text-transform:uppercase; letter-spacing:1px; color:#FF8A33;} .modal-body{ height:500px; overflow-y:scroll;} .modal-body p{ line-height:23px; margin-bottom:30px;} .modal-body h5{ font-weight:600; margin-bottom:20px; text-decoration:underline;} div.wpcf7 img.ajax-loader{width:auto !important;} .textwidget{color:#fff !important;} /*End Footer*/ /*Media Screens*/ @media only screen and (max-width : 767px){ .what_img1{ margin:0px auto 20px;} .why_sec{ width:100%; max-width:350px; margin:0px auto;} .footer p{ text-align:center;} .social_icons{ margin:5px auto 0px; float:none; width:100%; max-width:195px;} .what_image1{ width:100%; max-width:400px; margin:20px auto 0px;} .navbar-nav{ float:none; background:#fff;} .navbar-toggle{ margin-right:5px; margin-top:-58px;} .navbar-nav li{ margin-left:0px;} }