/* Theme Name: coloursmartsolutions Theme URI: Author: Author URI: Description: WordPress Custom Theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: Bootstrap v3.3.5 , Wordpress 4.3.1, Font Awesome Text Domain: 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-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2') format('woff2'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#helveticabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticabold'; src: url('fonts/helvetica-bold-webfont.eot'); src: url('fonts/helvetica-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica-bold-webfont.woff2') format('woff2'), url('fonts/helvetica-bold-webfont.woff') format('woff'), url('fonts/helvetica-bold-webfont.ttf') format('truetype'), url('fonts/helvetica-bold-webfont.svg#helveticabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica-Condensed-Bold'; src: url('fonts/Helvetica-Condensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Helvetica-Condensed-Bold.otf') format('opentype'), url('fonts/Helvetica-Condensed-Bold.woff') format('woff'), url('fonts/Helvetica-Condensed-Bold.ttf') format('truetype'), url('fonts/Helvetica-Condensed-Bold.svg#Helvetica-Condensed-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaregular'; src: url('fonts/a403890a-webfont.eot'); src: url('fonts/a403890a-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/a403890a-webfont.woff') format('woff'), url('fonts/a403890a-webfont.ttf') format('truetype'), url('fonts/a403890a-webfont.svg#helveticaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica-condensedboldRg'; src: url('fonts/helvetica_condensedbold-webfont.eot'); src: url('fonts/helvetica_condensedbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/helvetica_condensedbold-webfont.woff') format('woff'), url('fonts/helvetica_condensedbold-webfont.ttf') format('truetype'), url('fonts/helvetica_condensedbold-webfont.svg#helvetica-condensedboldRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticacondensed'; src: url('fonts/helveticacondensed.eot'); src: url('fonts/helveticacondensed.eot?#iefix') format('embedded-opentype'), url('fonts/helveticacondensed.woff') format('woff'), url('fonts/helveticacondensed.ttf') format('truetype'), url('fonts/helveticacondensed.svg#helveticacondensed') format('svg'); font-weight: normal; font-style: normal; } /*****************************/ html, body {padding:0;margin:0;} body {font-size:17px;line-height:22px;font-family: 'helveticaregular';} p{color:#3d3c3c;font-size:17px;font-family: 'helveticaregular';line-height:22px;margin-bottom:30px;} img {max-width:100%;height:auto;} h1{} h2{} h3{} h4{} h5{} h6{} a, a:hover {-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;text-decoration:none;outline:none;} .container{width:1000px;} .container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .row {margin-right: -15px;margin-left: -15px;} img{border:none;box-shadow:none;} /**************************************** Header CSS ****************************************/ header {position:relative;display:inline-block;width:100%;background-color:#140744;-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);} .header_top{background-color:#FFF;position:relative;display:block;width:100%;text-align:right;padding: 8px 0 0 0;} .header_top a{width:auto;position:relative;display:inline-block;background-size:28px;background-repeat:no-repeat;height:28px;font-family: 'Helvetica-Condensed-Bold';color:#140744;padding: 5px 0 0 0;font-size:14px;background-size: 24px;margin-top: 4px; line-height: 15px; margin-bottom: 3px;} .header_top .mail_icon{background-image:url(images/mail.png);width:25px;} .header_top .phone_icon{background-image:url(images/phone.png); padding-left: 40px;} .logo{position: absolute;display: inline-block;width: 190px;top: 3px;z-index: 99;} .logo a{position:relative;display:inline-block;width:auto;} .logo a img{max-width:100%;} .navigation{position: relative;display: inline-block;float: right;} .navigation_menu{padding-left: 0;margin-bottom: 0;list-style-type: none;position: relative;display: inline-block;width: 100%;padding: 45px 0;} .navigation_menu li{list-style-type: none;position: relative;display: inline-block;padding: 0 25px;} .navigation_menu li:last-child{padding-right:0;} .navigation_menu li a{font-family: 'Helvetica-Condensed-Bold';color:#FFF;font-size:15px;padding-bottom: 5px;border-bottom: 3px solid transparent;text-transform:uppercase;} .navigation_menu li.current-menu-item a, .navigation_menu li:hover a{border-bottom: 3px solid #FFF;outline:none;} /**************************************** Footer CSS ****************************************/ footer{background-color:#140744;position:relative;display:block;width:100%;padding:20px 0 0 0;height:150px;color:#FFF;} footer .copyright{font-family: 'helveticaregular';position: absolute;bottom: 0px;font-size: 12px;color:#FFF;} footer .copyright a{color:#FFF;} footer a:hover{text-decoration:underline;} footer .footer_left_logo{left: 25px;position: absolute;display: inline-block;top: 20px;} footer .footer_left_logo img{max-width:85%;} footer .footer_right_logo{right: 30px;top: 20px;position: absolute;padding: 10px 0;} footer .footer_right_logo img{max-width:49%;padding: 0 25px;} footer .footer_menu{margin-bottom:0;padding-left:0;} footer .footer_menu li{list-style-type:none;display:inline-block;padding: 0 15px;} footer .footer_menu li:first-child{padding-left:0;} footer .footer_menu li a{font-family: 'Helvetica-Condensed-Bold';color: #FFF;font-size: 14px;padding-bottom: 5px; text-transform: capitalize;} #top_btn{height: 40px;width: 40px;position: fixed;right: 15px;text-align: center;background-color: transparent;color: #140744; padding: 10px;z-index: 99999999;bottom: 30%;font-size: 25px;opacity:0;} /**************************************** Home Slider CSS ****************************************/ .home_slider{margin-top: 0px;position: relative;display: block;-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.75);width:100%;} .home_slider .caption-wrap{opacity: 1 !important;background: transparent !important;width:auto !important;left: 11% !important;bottom: 5% !important;} .caption-wrap .caption{font-family: 'Helvetica-Condensed-Bold';font-size:21px;line-height:30px;} .caption-wrap .bg_blue{background-color: rgba(20, 7, 68, 0.75);color:#FFF;padding: 11px 15px;border-radius: 15px;width: auto;position: relative;display: inline-block;float:left;} .caption-wrap .bg_white{background-color: rgba(255, 255, 255, 0.75);color:#140744;padding: 11px 15px;border-radius: 15px;width: auto;position: relative;display: inline-block;margin-left: 38px;border-top-right-radius: 0;border-top-left-radius: 0;} .home_box_list{position: relative;display: block;width:100%;padding: 45px 0 35px 0;} .home_box_list_row{margin:0 -15px;} .home_box_list .home_box{position:relative;border-right: 1px solid #DDDDDD;width:316px;display:inline-block;padding:0 14px; margin-left: -3px;} .home_box_list .home_box:last-child{border-right:none;} .home_box .image_box{position:relative;display:inline-block;width:100%;} .home_box .image_box img{width:100%;} .home_box .box_text{margin-top: 14px;position:relative;display:inline-block;width:100%;border-bottom: 6px solid #dddddd;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;} .home_box:hover .box_text{border-bottom: 6px solid #0D062C;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;} .home_box .box_text h1{font-family: 'Helvetica-Condensed-Bold';font-size: 24px;margin-bottom: 15px;margin-top: 10px;text-align: center;text-transform: uppercase;color: #3d3c3c;} .home_box .box_text p{font-family: 'helveticaregular';font-size: 14px;color: #3d3c3c;text-align: center;margin: 0;min-height: 80px;} /**************************************** Default Page CSS ****************************************/ .wrapper_content{position:relative;display:block;width:100%;padding:50px 0 50px 0;} .page-title{color:#3d3c3c;font-size:28px;font-family: 'Helvetica-Condensed-Bold';line-height:32px;text-transform:uppercase; margin-bottom: 20px;} .wrapper_content h4{font-size:22px;font-family: 'Helvetica-Condensed-Bold';text-transform:uppercase;padding-top: 15px; margin-bottom: 35px;} .wrapper_content h5{font-size:22px;color:#140744;font-family: 'Helvetica-Condensed-Bold';font-style: italic;margin-bottom: 25px;} .wrapper_content p, .wrapper_content li{color:#3d3c3c;font-size:17px;font-family: 'helveticaregular';line-height:22px;margin-bottom:30px;} .left_content{position:relative;display:inline-block;width:710px;vertical-align:top;padding-right: 10px;} .right_sidebar{position:relative;display:inline-block;width:285px;vertical-align:top;padding-left: 0px;margin-top: 12px;} /**************************************** Right Sidebar CSS ****************************************/ #testimonials_widget-2 .bx-wrapper{box-shadow:none;border:none;} .testimonials-widget-testimonials p{color: #6acdf3;font-family: 'helvetica-condensedboldRg';font-size: 19px;font-weight: normal; line-height: 22px;letter-spacing: 0.5px;font-style: italic;} .testimonials-widget-testimonials .credit .author{color: #6ACDF3;float: left;font-family: 'helveticacondensed';font-size: 17px;font-style: normal;font-weight: normal;margin-top: 15px;text-align: left !important;padding-left: 40px;} .testimonials-widget-testimonials blockquote{padding:9px 0 0 35px;border-left: none;} .testimonials-widget-testimonials .open-quote{background: url(images/quote-left1.png) no-repeat scroll 0 0;content: open-quote !important;float: left;height: 31px;width: 36px;position: absolute;margin-left: -34px;margin-top: -9px;z-index: 1000;} .testimonials-widget-testimonials .close-quote{background: url(images/quote-right1.png) no-repeat scroll 0 0;content: open-quote !important;float: left;height: 31px;width: 36px;position: absolute;margin-left: 9px;margin-top: 5px;z-index: 1000;} /**************************************** About Us Page CSS ****************************************/ .page-template-template-casestudies .wrapper_content{padding-bottom:30px;} .areas_assist_client_list{position:relative;display:block;width:100%;text-align: center;} .areas_assist_client_list:after{content:'';background-image:url(images/border.png);height: 31px;width: 100%;background-size: 100%;background-position: bottom center;position: relative;display: block;margin-top: 22px;} .areas_assist_client{position:relative;display:inline-block;width:154px;vertical-align: top;margin: 0 35px;} .areas_assist_client_image{position:relative;display:block;width:154px;border-radius: 50%;-webkit-box-shadow: 3px 4px 5px -1px rgba(0, 0, 0, 0.5);box-shadow: 3px 4px 5px -1px rgba(0, 0, 0, 0.5);margin-bottom: 15px;} .areas_assist_client_image img{max-width:100%;} .areas_assist_client h6{font-size:16.66px;color:#29205f;font-family: 'Helvetica-Condensed-Bold';} .areas_assist_client:first-child{margin-left:0;} .areas_assist_client:nth-child(4){margin-right:0;} .mission_statement_list{position: relative;display: block;width: 100%;margin-bottom: 48px;} .mission_statement_box{position: relative;display: inline-block;width: 49%;} .mission_statement_box h4{margin-bottom: 25px;} .mission_statement_image{position: relative;display: block;width: 364px;} .mission_statement_image img{max-width:100%;width:90%;} .bottom_content{position: relative;display: block;width: 100%;} .bottom_content h4{} .bottom_content h5{font-size:21px;} .bottom_content h5:last-child{margin-bottom:0;} /**************************************** Case Studies Page CSS ****************************************/ .case_studies_list{position:relative;display:block;width:100%;} .case_studies_box{position: relative;display: inline-block;width: 310px;margin: 0 10px;margin-bottom:40px; vertical-align: top;} .case_studies_image{position:relative;display:block;width:100%;border: 3px solid #140744;margin-bottom: 10px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;} .case_studies_list .case_studies_image:hover{-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;} .case_studies_image a{position:relative;display:block;width:100%;} .case_studies_list .case_studies_box:first-child, .case_studies_list .case_studies_box:nth-child(4){margin-left:0;} .case_studies_list .case_studies_box:nth-child(3), .case_studies_list .case_studies_box:last-child{margin-right:0;} .case_studies_image img{max-width:100%;} .studies_description{position:relative;display:block;width:100%;} .studies_description h5{color:#aeaeae;font-family: 'helveticaregular';font-style:normal;font-size: 17px;margin:0 0 7px 0;} .studies_description p{color: #aeaeae;font-size: 14px;line-height: 19px;margin-bottom:0;} .studies_description a.readmore_link{width:auto;display:block;position:relative;color:#82a7d0;font-size: 14px;} .studies_description a.readmore_link:hover{text-decoration:underline;color:#140744;} .testimonials_list{position:relative;display:block;width:100%;} .testimonials{position: relative;display: inline-block;width: 310px;margin: 0 10px;margin-bottom: 15px;vertical-align: top;} .testimonials h5{font-style:normal;font-size:18px;text-transform:capitalize;margin:0;} .testimonials h5 a{color:#140744;} .testimonials h5 a:hover{text-decoration:underline;} /**************************************** Media Page CSS ****************************************/ .media_list{position:relative;display:block;width:100%;} .media_list .case_studies_image{border:none;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;} .media_list .case_studies_image:hover{-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all ease-in-out;transition: all 0.5s ease-in-out;} .media_list .case_studies_box:first-child, .media_list .case_studies_box:nth-child(4){margin-left:0;} .media_list .case_studies_box:nth-child(3), .media_list .case_studies_box:last-child{margin-right:0;} .media_list .post-row{border-bottom:1px solid #f2f2f2;margin-bottom: 25px;position:relative;display:inline-block;} .media_list .post-row:last-child, .media_list .post-row:nth-last-child(2){border-bottom:none;} /**************************************** Client Page CSS ****************************************/ .client_list{position:relative;display:inline-block;width:100%;} .client_list .client_box{position:relative;display:inline-block;width:100%;} .client_list .client_box:after{content: '';background-image: url(images/border.png);height: 31px;width: 100%;background-size: 100%; background-position: bottom center;position: relative;display: block;margin-top: 70px;margin-bottom: 25px;} .client_list .client_box:last-child:after{display:none;} .client_box h5{font-size:22px;text-align:center;font-style:normal;margin:0 0 40px 0;text-transform:uppercase;} .client_box .client_logo{position:relative;display:inline-block;width:24%;text-align:center;} .client_box .client_logo img{max-width:100%;width: auto;height: auto;} /**************************************** Partners Page CSS ****************************************/ .partner_list {position:relative;display:inline-block;width:100%;} .partner_list .client_box{position:relative;display:inline-block;width:100%;text-align:center;} .partner_list .client_box:after{content: '';background-image: url(images/border.png);height: 31px;width: 100%;background-size: 100%; background-position: bottom center;position: relative;display: block;margin-top: 70px;margin-bottom: 25px;} .partner_list .client_box:last-child:after{display:none;} .partner_list .client_box:first-child .client_logo{margin:0 40px;} .partner_list h5{font-size:22px;text-align:center;font-style:normal;margin:0 0 50px 0;text-transform:uppercase;} .partner_list .client_logo{position:relative;display:inline-block;width:auto;text-align:center;margin: 0 20px;} .partner_list .client_logo img{max-width:100%;width: auto;height: auto;} .partner_list p.description{font-size:22px;text-align:center;font-style:normal;margin:0 0 40px 0;color: #140744; font-family: 'Helvetica-Condensed-Bold';line-height: 25px;margin-top:60px;margin-bottom:0;} /**************************************** Contact Post CSS ****************************************/ .page-id-17 .left_content p{font-size: 15px;font-family: 'helveticaregular';line-height: 22px;margin-bottom:15px;} .page-id-17 .left_content .content-column.two_third.last_column iframe.map{margin-left: 22px;} .page-id-17 .left_content a{color:#000080;text-decoration:underline;} /**************************************** Post Setup CSS ****************************************/ .post-list{position:relative;display:inline-block;width:100%;} .post-list:after{content: '';background-image: url(images/border.png);height: 31px;width: 100%;background-size: 100% 100%; background-position: bottom center;position: relative;display: block;margin: 25px 0;} .post-list:last-child:after{display:none;} .post-list:first-child .page-title{margin-top:20px;} .post-list .page-title{margin-top:0;} .post-list .post-box{position:relative;display:inline-block;width:100%;border-bottom: 1px solid #140744;padding: 30px 0 25px 0;} .post-list .post-box:last-child{border-bottom:none;padding-bottom:0;} .post-box h3{color: #3D3C3C;font-family: 'helvetica-condensedboldRg';font-size: 18px;margin-bottom: 20px;text-decoration: none;text-transform: uppercase;margin: 0 0 10px 0;} .post-box .post-image{position:relative;display:inline-block;width:300px;float:left;margin-right:50px;vertical-align:top;} .post-box .post-image a{position:relative;display:inline-block;width:100%;} .post-box .post-image img{max-width:100%;} .post-box .post-description{position:relative;width: 100%;display: inline-block;vertical-align:top;margin-bottom:15px;} .post-box .post-description p{margin-bottom:0;} .readmore_link:hover{text-decoration:underline;color:#140744;} /**************************************** Single Post CSS ****************************************/ .single_post{position:relative;display:block;width:100%;} .single_post .left_content{margin-top:12px;} .single_post .post_image{position:relative;display:block;float:left;margin:0 20px 15px 0;-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.75);} .single_post .post_image img{max-width:100%;} .single_post .left_content p, .single_post .left_content li{color: #3d3c3c;font-size: 16px;font-family: 'helveticaregular';line-height: 23px;margin-bottom: 30px;} .post-navigation{position:relative;display:inline-block;width:100%;} .post-navigation h2{display:none;} .post-navigation .nav-links a{color:#3d3c3c;} .post-navigation .nav-links a:hover{color:#140744;} .post-navigation .nav-previous{position: relative;display: inline-block;float: right;} .post-navigation .nav-next{float: left;position: relative;display: inline-block;} .single-testimonials-widget .testimonials-widget-testimonial .credit .author{margin-bottom:15px;display:block;position:relative;font-family: 'helvetica-condensedboldRg';font-style: italic;font-size:19px;line-height:22px;color:#140744;} /* Pagination CSS */ .wp-pagenavi{position:relative;margin-bottom:15px;} .wp-pagenavi .pages{display:none;} .wp-pagenavi a, .wp-pagenavi span{padding: 5px 9px !important;color:#140744;} .wp-pagenavi a:hover, .wp-pagenavi span.current{background-color:#140744 !important;color:#FFF;border:1px solid #140744;font-weight:400 !important;} .wp-pagenavi a span{padding:0 !important;} @media(max-width: 1368px){ footer .footer_left_logo img, .footer .footer_right_logo img, footer .footer_right_logo img { max-width: 75%;} footer .footer_left_logo img{max-width: 75%;} .footer .footer_right_logo img, footer .footer_right_logo img { max-width: 49%;} } @media screen and (width:1199px){ footer .footer_left_logo img{max-width: 58%;} .footer .footer_right_logo img, footer .footer_right_logo img { max-width: 49%;} }