/* Theme Name: The7 Theme URI: http://dream-theme.com/ Author: Dream-Theme Author URI: http://dream-theme.com/ Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project! Version: 4.4.5 License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself. You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended License URI: License.txt Tags: one-column, two-columns, right-sidebar, flexible-width, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, translation-ready */ .blog .dt-format-gallery .dt-format-gallery-coll.full, .archive .dt-format-gallery .dt-format-gallery-coll.full, .search .dt-format-gallery .dt-format-gallery-coll.full { display: none; } .wp-caption-text, .sticky, .gallery-caption, .bypostauthor {} .popcform{ background-color:#FEFEFE; /*width:50%; height:70%; */ z-index:9999; width: auto; max-width: 400px; margin: 20px auto; /*left:25%; top:15%; position:fixed;*/ padding:20px; } #contactForm td, #contactForm { border:0 !important } #contactForm td{ padding: 5px 10px !important} #contactForm{ font-size:12px; padding: 15px !important; width:100%; } .popcform table{ padding: 10px; width:100%; } #contactForm input[type=text], #contactForm input[type=tel], #contactForm input[type=email], #contactForm select, .popcform input[type=text], .popcform input[type=tel],.popcform input[type=email], .popcform select, #contactForm textarea{ padding: 3px 5px !important; border-radius:0 !important; } #contactForm input[name=ccaptcha], #captchacode{ width:100px; } .popcform td{ font-size: 12px; padding: 5px !important} #contactForm tr, .popcform tr{ background:#fff; } #contactForm .odd, .popcform .odd{ background:#F0F4F7; } #contactForm .button, .popcform .button { width:100px; padding: 0px 10px !important; } #captiva{ vertical-align:middle; } .rollover-content{ cursor:pointer; } #imagebox{ width:30%; margin-right:20px; height:85%; min-height:400px; float:left; background:#EAEAEA; text-align:center; padding-top:15px; } #imagebox img{ width:90%; } .shortcode-banner{ margin:0 !important; } .graybox-divider{ background:#f2f3f5 url(images/arrow-div.png) no-repeat center center; width:86%; margin:0 auto; } .graybox-list{ padding: 20px; } .graybox-list li{color:#5A5B5D;} .h2colored h2{ color:#007F40; } .popup{ background-color:#FEFEFE; width:80%; max-width:1030px; height:70%; z-index:9999; /*color:#fff !important;*/ /*left:15%;*/ top:15%; position:relative; padding:20px; margin:0 auto; } .popup .popup-content{ position:relative; height:85%; min-height:400px; width:100%; overflow-y:auto; overflow-x:hidden; } .popup h3{ /*color:#fff !important;*/ padding-bottom:20px; border-bottom:1px #ccc solid; } .popup .wpb_wrapper, h2,h3,h4,h5,h6 { /*color:#fff !important;*/ } .popup a{ /*color:#EFEFEF !important;*/ text-decoration:none; font-size:12px; } .popup a:hover{ color:#CFCFCF; } .popup ul{ list-style:disc !important; margin-left:15px !important; } .popup ul li{ padding-left: 15px !important; margin-bottom:0 !important } .popup ul br{ height:0px !important;} .greenbox, h2.fancy-header{ text-align:center; background:#009D66; /*color:#fff !important;*/ padding:20px; } .prevnxt{ text-align:right; } .content, .wf-3-4, .wf-span-9{ width:100% !important; } .circle-box{ width:80% !important; margin:0 auto; padding:50px; border-radius:50%; background: #85868A; } .circle-box .wpb_wrapper{ width:80%; text-align:center; margin:0 auto; color:#fff; font-family:"Trebuchet MS"; font-style: italic; font-size:18px ; line-height:24px} .boxes3{ width: 100% !important; margin:0 auto; padding-left:20px;} .boxes3 strong{ font-size:18px;} .boxes3 .vc_col-sm-4 {background:#fff; border-style: double; border-color:rgba(218, 222, 225, 0.7); border-width:5px; border-radius:10px; width:30% ; margin: 0 1.5% ; padding:20px 10px; min-height:340px; font-size:14px; } .wf-wrap{ width:100% !important; padding:0 !important; max-width:100% !important; } .contentHolder, .wf-table{max-width:1200px !important; margin:0 auto;} #main{padding:0 0 40px !important; } .content{padding-top:0 !important; } .project-details, .project-details:hover{ font-size:16px;} .boxy { color:#fff !important; } .boxy hgroup{ margin-bottom: 20px } .testimonial-vcard{ display: block !important; } .testimonial-vcard img{border-radius:0 !important; } .rsBullets { display:none !important } .ls-carousel .ls-nav-prev, .ls-carousel .ls-nav-next {background-color: transparent !important; } .graybox{ background:#F7F7F8; padding: 10px 0; border:1px #EFEFEF solid; border-radius: 2px; color:rgba(0,0,0,0.8); } .graybox p, .graybox strong{ color:rgba(0,0,0,0.8);} .banner-video .shortcode-banner-inside{padding:0 20px !important; } .banner-video .shortcode-banner-inside div:first-child{ margin:0 auto; width:832px; height:551px; background:url(images/videobox.png) no-repeat center top; } .banner-video .shortcode-banner-inside div:first-child iframe{ width:410px; height:256px; margin:141px 0 0 333px; } .box-arrow-last, .box-arrow{ background:#F2F3F5 url(images/arrow-div.png) no-repeat right center !important; border:0 !important; border-radius:0 !important; border-width:0 !important; margin:0 0 0 0 !important; width:34% !important; padding:20px 20px 20px 0; } .box-arrow-last p, .box-arrow p{width:85%; text-align:left; text-indent:20px;} .box-arrow-last{background:#F2F3F5 !important; width:30% !important; } .box-arrow-last ul, .box-arrow ul{width:80% !important; margin:20px auto 0 20px ;} .boxes3 .box-arrow:first-child{padding-left:30px !important } .popform, .popbtn{ padding:10px 30px; color:#fff; font-weight:bold; background: #008854; /* Old browsers */ } .popform:hover, .popbtn:hover{ opacity:0.5; } .popform{ -webkit-border-radius: 3px; border-radius: 3px; border-right:1px #A8A8A8 solid; padding: 5px 20px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2) !important } #prevbtn{ -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; border-right:1px #009d66 solid; background:url(images/arrow-left.png) no-repeat center center; text-indent: -9999px } #nextbtn{ -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; background:url(images/arrow-right.png) no-repeat center center; text-indent: -9999px } .shortcode-banner{min-height:551px; } .shortcode-teaser{margin-top:0 !important; } .footer-navi{margin:5px 0 0 -20px; min-width:800px; } .footer-navi ul {width:100%; list-style:none; margin:0;} .footer-navi .vc_col-sm-12{padding-left:0; padding-right:0; /*margin-left:-20px;*/ margin-top:5px;} .footer-navi ul li a{ background:#f1f2f6 url(images/li-bg-arrow.png) no-repeat center right; float:left; padding:10px 30px 10px 20px; min-width:149px; text-align:center; display:block; text-decoration:none; text-transform:uppercase } /* IE9, IE10 */ @media screen and (min-width:0\0) { .footer-navi ul li a{min-width:148px} } @-moz-document url-prefix() { .footer-navi ul li a{ min-width:150px; } } .footer-navi ul li a.last-child{background:#f1f2f6 !important; text-decoration:none;text-transform:uppercase } .footer-navi ul li a:hover, .footer-navi ul li a.last-child:hover{ color:#007F40 } .aboutus-sidebar input[type=text]{ width:100%; padding:5px; margin-bottom:2px !important; } .aboutus-sidebar #cbcaptchatxt{ width:100px; padding:5px;} .aboutus-sidebar input{border-radius:0 !important;} .aboutus-sidebar input[type=submit], #contactForm .button{ background:url(images/submit-bg.png) no-repeat !important; height: 38px; width:116px; text-align:center; color:#fff; border-radius:0 !important; } /* MOBILE PORTRAIT */ @media only screen and (min-device-width : 320px) and (max-device-width:480px) and (max-aspect-ratio: 13/9) { .dt-fancy-separator{width:100% !important; } #branding img{ width:80px !important; float:left !important; margin-left:10px !important; } #header .wf-table{ height:90px !important; min-height:90px !important; } .rev_slider_wrapper{ height:200px !important; } .boxes3 .vc_col-sm-4{ width:97% !important; margin:10px 0 !important; } .popup{ width:82% !important; left:2%; top:5%; } .popup h3{ font-size: 20px !important; } .popup .popup-content{ font-size:12px; width:100% !important; min-height:200px; margin-top:10px; } .greenbox{ padding: 10px !important; } .prevnxt{ text-align:center; margin-top: 15px; } #imagebox{ width:100%; margin-right:0px; height:auto !important; min-height:100px; float:none; background:#EAEAEA; text-align:center; padding-top:15px; } #imagebox img{ width:90%; } #navigation{ margin-right:10px !important; text-align:right !important } .boxes3{padding:0 !important; } .box-arrow-last, .box-arrow{background: #F2F3F5 !important } .boxes3 .box-arrow:first-child{padding-left:10px !important } .graybox-divider{background:none !important; width:100% !important} .graybox-divider .graybox-list{ background:#f2f3f5 !important; margin:10px 0 !important; float:none; padding:10px !important } .graybox-divider .graybox-list ul{margin-left:10px !important; } .graybox-divider .graybox-list ul li strong{font-weight:normal !important; } #clients{ margin:20px 0 !important;} .wf-1-4{width:50% !important; } h2, h1.entry-title, .vc_pie_chart .vc_pie_chart_value, .h2-size{ font: 300 26px/36px "Open Sans",Helvetica,Arial,Verdana,sans-serif !important; } .shortcode-banner{min-height:200px !important; background-size:cover } .banner-video .shortcode-banner-inside{padding:0px !important; } .banner-video .shortcode-banner-inside div:first-child{ margin:10px auto; width:95%; height:auto !important; background:none !important; } .banner-video .shortcode-banner-inside div:first-child iframe{ width:100%; height:256px; margin:0 !important; } .contactbox .vc_col-sm-4 {width:96% !important; margin:0 auto; float:none } .shortcode-teaser-img img{height:100px; width:auto; } .footer-navi{min-width:100%; margin:0 auto;} .footer-navi ul li a{ padding:10px 0px ; width:98%; min-width:50px; margin: 5px auto !important; background:#f1f2f6; float:none !important } } /* MOBILE LANDSCAPE */ @media only screen and (max-device-width:700px) and (min-aspect-ratio: 13/9) { #header{ padding:0 10px !important; } #navigation{ margin-right:10px !important; } #branding img{ width:80px !important; } .standard-arrow{ margin-bottom:25px !important; } .boxes3 .vc_col-sm-4{ width:100% !important; margin:10px 0 !important; } .rev_slider_wrapper{ height:200px !important; } h2.entry-title{ font-size:14px !important; } .rollover-content p, a.project-details{ font-size:12px !important; } .popup{ width:82% !important; left:2%; top:5%; } .popup h3{ font-size: 20px !important; } .popup .popup-content{ font-size:12px; } .greenbox{ padding: 10px !important; } .dt-fancy-separator{width:100% !important; } .wf-1-4{width:33% !important; } .boxes3{padding:0 !important; } .box-arrow-last, .box-arrow{background: #F2F3F5 !important } .boxes3 .box-arrow:first-child{padding-left:10px !important } .graybox-divider{background:none !important; width:100% !important} .graybox-divider .graybox-list{ background:#f2f3f5 !important; margin:10px 0 !important; float:none; padding:10px !important } .graybox-divider .graybox-list ul{margin-left:10px !important; } .graybox-divider .graybox-list ul li strong{font-weight:normal !important; } #clients{ margin:20px 0 !important;} h2, h1.entry-title, .vc_pie_chart .vc_pie_chart_value, .h2-size{ font: 300 26px/36px "Open Sans",Helvetica,Arial,Verdana,sans-serif !important; } .shortcode-banner{min-height:200px !important; background-size:cover } .banner-video .shortcode-banner-inside{padding:0px !important; } .banner-video .shortcode-banner-inside div:first-child{ margin:10px auto; width:95%; height:auto !important; background:none !important; } .banner-video .shortcode-banner-inside div:first-child iframe{ width:100%; height:256px; margin:0 !important; } .contactbox .vc_col-sm-4 {width:96% !important; margin:0 auto; float:none } .shortcode-teaser-img img{height:100px; width:auto; } .footer-navi{min-width:100%; margin:0 auto;} .footer-navi ul li a{ padding:10px 0px ; width:50%; min-width:50px; margin: 5px auto !important; } .footer-navi ul li:nth-child(2) a{ background:#f1f2f6; } } /* IPAD */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .rev_slider_wrapper{max-height:400px !important; } #branding a img, #branding img{margin:0 0 0 10px !important; } #mobile-menu{margin-right:10px !important; } .wf-1-4{width:50% !important; } h2, h1.entry-title, .vc_pie_chart .vc_pie_chart_value, .h2-size{ font: 300 30px/36px "Open Sans",Helvetica,Arial,Verdana,sans-serif !important; } .boxes3{padding:0 !important; } .boxes3 .box-arrow:first-child{padding-left:10px !important; margin-left:10px !important; } .boxes3 .vc_col-sm-4{padding: 20px 0 !important; font-size:12px !important } .box-arrow-last{ width:29% !important; } .banner-video .shortcode-banner-inside{padding:0px !important; } .banner-video .shortcode-banner-inside div:first-child{width:100% !important; background:url(images/videobox.png) no-repeat -120px top !important; } .banner-video .shortcode-banner-inside div:first-child iframe{ margin-left:210px !important; } .graybox-divider{width:96% } #branding-bottom img{margin-left:10px;} #branding-bottom { text-align:left;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { #branding a img, #branding img{margin:0 0 0 20px !important; } #phantom .ph-wrap .ph-wrap-content{ padding: 10px;} .rev_slider_wrapper{max-height:600px !important; } #branding-bottom img{margin-left:10px;} .portfolio-grid .wf-cell { width:33% !important; height:300px !important; } .portfolio-grid .wf-cell img.preload-me{ width:100% !important; height:100% !important; } .graybox-divider{width:96% } }