YasTech Developments |

GET A FREE GOOGLE

ADS CONSULTATION

No Thanks

/* Global Styling */ body{ background: #f1f1f1; font: 16px/1.4 Sans-serif; } a { color: #312C7E; text-decoration: none } .clearfix, .cb { clear: both } amp-iframe{ max-width: 100%; margin-bottom : 20px; } amp-anim { max-width: 100%; } .alignleft{ margin-right: 12px; margin-bottom:5px; float: left; } .alignright{ float:right; margin-left: 12px; margin-bottom:5px; } .aligncenter{ text-align:center; margin: 0 auto } #statcounter{width: 1px;height:1px;} /* Template Styles */ .amp-wp-content, .amp-wp-title-bar div { max-width: 1000px; margin: 0 auto; } /* Slide Navigation code */ .nav_container{ padding: 18px 15px; background: #312C7E; color: #fff; text-align: center } amp-sidebar{ width: 250px; } .amp-sidebar-image{ line-height: 100px; vertical-align:middle; } .amp-close-image{ top: 15px; left: 225px; cursor: pointer; } .toggle-navigationv2 ul{ list-style-type: none; margin: 0; padding: 0; } .toggle-navigationv2 ul ul li a{ padding-left: 35px; background: #fff; display: inline-block } .toggle-navigationv2 ul li a{ padding: 15px 25px; width: 100%; display: inline-block; background: #fafafa; font-size: 14px; border-bottom: 1px solid #efefef; } .close-nav{ font-size: 12px; background: rgba(0, 0, 0, 0.25); letter-spacing: 1px; display: inline-block; padding: 10px; border-radius: 100px; line-height: 8px; margin: 14px; left: 191px; color: #fff; } .close-nav:hover{ background: rgba(0, 0, 0, 0.45);} .toggle-navigation ul{ list-style-type: none; margin: 0; padding: 0; display: inline-block; width: 100% } .menu-all-pages-container:after{ content: ""; clear: both } .toggle-navigation ul li{ font-size: 13px; border-bottom: 1px solid rgba(0, 0, 0, 0.11); padding: 11px 0px; width: 25%; float: left; text-align: center; margin-top: 6px } .toggle-navigation ul ul{ display: none } .toggle-navigation ul li a{ color: #eee; padding: 15px; } .toggle-navigation{ display: none; background: #444; } .toggle-text{ color: #fff; font-size: 12px; text-transform: uppercase; letter-spacing: 3px; display: inherit; text-align: center; } .toggle-text:before{ content: "..."; font-size: 32px; position: ; font-family: georgia; line-height: 0px; margin-left: 0px; letter-spacing: 1px; top: -3px; position: relative; padding-right: 10px; } .nav_container:hover + .toggle-navigation, .toggle-navigation:hover, .toggle-navigation:active, .toggle-navigation:focus{ display: inline-block; width: 100%; } /* Category 2 */ .category-widget-wrapper{ padding:30px 15% 10px 15% } .amp-category-block ul{ list-style-type:none;padding:0 } .amp-category-block-btn{ display: block; text-align: center; font-size: 13px; margin-top: 15px; border-bottom: 1px solid #f1f1f1; text-decoration: none; padding-bottom: 8px;} .category-widget-gutter h4{ margin-bottom: 0px;} .category-widget-gutter ul{ margin-top: 10px; list-style-type:none; padding:0 } .amp-category-post{ width: 32%;display: inline-block; word-wrap: break-word;float: left;} .amp-category-post amp-img{ margin-bottom:5px; } .amp-category-block li:nth-child(3){ margin: 0 1%;} .searchmenu{ right: 10px; top: 31%; position: absolute; } .searchmenu button{ background:transparent; border:none } .closebutton{ background: transparent; border: 0; color: rgba(255, 255, 255, 0.7); border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 30px; width: 32px; height: 32px; font-size: 12px; text-align: center; position: absolute; top: 12px; right: 20px; outline:none } amp-lightbox{ background: rgba(0, 0, 0,0.85); } /* CSS3 icon */ [class*=icono-]:after, [class*=icono-]:before { content: ''; pointer-events: none; } .icono-search:before{ position: absolute; left: 50%; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); width: 2px; height: 9px; box-shadow: inset 0 0 0 32px; top: 0px; border-radius: 0 0 1px 1px; left: 14px; } [class*=icono-] { display: inline-block; vertical-align: middle; position: relative; font-style: normal; color: #f42; text-align: left; text-indent: -9999px; direction: ltr } .icono-search { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .icono-search { border: 1px solid; width: 10px; height: 10px; border-radius: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: 4px 4px 8px 8px; } .searchform label{ color: #f7f7f7; display: block; font-size: 10px; letter-spacing: 0.3px; line-height: 0; opacity:0.6 } .searchform{ background: transparent; left: 20%; position: absolute; top: 35%; width: 60%; max-width: 100%; transition-delay: 0.5s; } .searchform input{ background: transparent; border: 1px solid #666; color: #f7f7f7; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: 0.3px; text-transform: capitalize; padding: 20px 0px 20px 30px; margin-top: 15px; width: 100%; } #searchsubmit{opacity:0} .hide{display:none} .headerlogo a, [class*=icono-]{ color: #F42F42 } /* Pagination */ .amp-wp-content.pagination-holder { background: none; padding: 0; box-shadow: none; height: auto; min-height: auto; } #pagination{ width: 100%; margin-top: 15px; } #pagination .next{ float: right; margin-bottom: 10px; } #pagination .prev{ float: left } #pagination .next a, #pagination .prev a{ margin-bottom: 12px; background: #fefefe; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05); box-shadow: 0 2px 3px rgba(0,0,0,.05); padding: 11px 15px; font-size: 12px; color: #666; } /* Header */ header.container{line-height: 0;} #header{ background: #fff; text-align: center;padding:17px 0px 17px 0px;display: inline-block;width: 100%;position:relative} #header h1{ text-align: center; font-size: 20px; font-weight: bold; line-height: 1; padding: 4px 3px; margin: 0; } .amp-logo{left: 0;right: 0;display:inline-block} .amp-logo amp-img{ margin: 15px 0px 10px 0px; } .amp-logo amp-img{margin: 0 auto;} main { padding: 30px 15% 10px 15%; } .amp-wp-content.widget-wrapper{padding:12px 10px 10px 10px;} main .amp-wp-content{ margin-bottom: 12px; padding: 15px; } .amp-loop-list, .featured-image-content, .the_content, .taxonomy-description{background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 2px 3px rgba(0,0,0,.05); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.05); box-shadow: 0 2px 3px rgba(0,0,0,.05);} .home-post_image{ float: right; margin-left: 15px; margin-bottom: -6px; } .amp-wp-title{ margin-top: 0px; } h2.amp-wp-title{ line-height: 30px; } h2.amp-wp-title a{ font-weight: 300; color: #000; font-size: 20px; } h2.amp-wp-title , .amp-wp-post-content p{ margin: 0 0 0 5px; } /* For Excerpt */ .amp-wp-post-content .small-screen-excerpt{ display: none; } .amp-wp-post-content .large-screen-excerpt { display: block; } .amp-wp-post-content p{ font-size: 12px; color: #999; line-height: 20px; margin: 3px 0 0 5px; } main .amp-archive-heading{ background : none; box-shadow: none; padding: 5px; } .amp-sub-archives li{width: 50%;} .amp-sub-archives ul{padding: 0;list-style: none;display: flex;font-size: 12px;line-height: 1.2;margin: 5px 0 10px 0px;}.page-title{font-size: 1.17em;padding: 6px 0;} /* Footer */ #footer{ background : #fff; font-size: 13px; text-align: center; letter-spacing: 0.2px; padding: 20px 0; } #footer p:first-child{ margin-bottom: 12px; } #footer p{ margin: 0 } .footer_menu ul{ list-style-type: none; padding: 0; text-align: center; margin: 0px 20px 25px 20px; line-height: 27px; font-size: 13px } .footer_menu ul li{ display:inline; margin:0 10px; } .footer_menu ul li:first-child{ margin-left:0 } .footer_menu ul li:last-child{ margin-right:0 } .footer_menu ul ul{ display:none } .amp-facebook-comments{margin-top:45px} /* ADS */ .amp_home_body .amp_ad_1{ margin-top: 10px; margin-bottom: -20px; } .single-post .amp_ad_1{ margin-top: 10px; margin-bottom: -20px; } html .single-post .ampforwp-incontent-ad-1 { margin-bottom: 10px; } .amp-ad-4{ margin-top:10px; } .amp-wp-content blockquote { background-color: #fff; border-left: 3px solid; margin: 0; padding: 15px 20px 8px 24px; background: #f3f3f3; } pre { white-space: pre-wrap; } /* Tables */ table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow-x: auto; } table a:link { font-weight: bold; text-decoration: none; } table a:visited { color: #999999; font-weight: bold; text-decoration: none; } table a:active, table a:hover { color: #bd5a35; text-decoration: underline; } table { font-family: Arial, Helvetica, sans-serif; color: #666; font-size: 12px; text-shadow: 1px 1px 0px #fff; background: #eee; margin: 0px; width: 95%; } table th { padding: 21px 25px 22px 25px; border-top: 1px solid #fafafa; border-bottom: 1px solid #e0e0e0; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb)); background: -moz-linear-gradient(top, #ededed, #ebebeb); } table th:first-child { text-align: left; padding-left: 20px; } table tr:first-child th:first-child { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; } table tr:first-child th:last-child { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; } table tr { text-align: center; padding-left: 20px; } table td:first-child { text-align: left; padding-left: 20px; border-left: 0; } table td { padding: 18px; border-top: 1px solid #ffffff; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } table tr:last-child td {border-bottom: 0;} table tr:last-child td:first-child { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } table tr:last-child td:last-child { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } .hide-meta-info{ display: none; } /* Responsive */ @media screen and (min-width: 650px) { table {display: inline-table;} } @media screen and (max-width: 800px) { .single-post main{ padding: 12px 10px 10px 10px } } @media screen and (max-width: 630px) { .related_posts ol li p{ display:none } .related_link { margin: 16px 18px 20px 19px; } .amp-category-post {line-height: 1.45;font-size: 14px; } .amp-category-block li:nth-child(3) {margin:0 0.6%} } @media screen and (max-width: 510px) { .ampforwp-tax-category span{ display:none } .related_posts ol li p{ line-height: 1.6; margin: 7px 0 0 0; } .related_posts .related_link { margin: 17px 18px 17px 19px; } .comments_list ul li .comment-body{ width:auto } } @media screen and (max-width: 425px) { .related_posts .related_link p{ display:none } .alignright, .alignleft {float: none;} .related_posts .related_link { margin: 13px 18px 14px 19px; } .related_posts .related_link a{ font-size: 18px; line-height: 1.7; } .amp-meta-wrapper{ display: inline-block; margin-bottom: 0px; margin-top: 8px; width:100% } .ampforwp-tax-category{ padding-bottom:0 } h1.amp-wp-title{ margin: 16px 0px 13px 0px; } .amp-wp-byline{ padding:0 } .related_posts .related_link a { font-size: 17px; line-height: 1.5; } } @media screen and (max-width: 375px) { #pagination .next a, #pagination .prev a{ padding: 10px 6px; font-size: 11px; color: #666; } .related_posts .related-title, .comments_list h3{ margin-top:15px; } #pagination .next{ margin-bottom:15px;} .related_posts .related_link a { font-size: 15px; line-height: 1.6; } } @media screen and (max-width: 340px) { .related_posts .related_link a { font-size: 15px; } .single-post main{ padding: 10px 5px 10px 5px } .the_content .amp-ad-wrapper{ text-align: center; margin-left: -13px; } .amp-category-post {line-height: 1.45;font-size: 12px; } .amp-category-block li:nth-child(3) {margin:0%} } @media screen and (max-width: 320px) { .related_posts .related_link a { font-size: 13px; } h1.amp-wp-title{ font-size:17px; padding:0px 4px } } @media screen and (max-width: 400px) { .amp-wp-title{ font-size: 19px; margin: 21px 10px -1px 10px; } } @media screen and (max-width: 767px) { .amp-wp-post-content .large-screen-excerpt { display: none; } .amp-wp-post-content .small-screen-excerpt { display: block; } main, .amp-category-block, .category-widget-wrapper{ padding: 15px 18px 0px 18px; } .toggle-navigation ul li{ width: 50% } } @media screen and (max-width: 495px) { h2.amp-wp-title a{ font-size: 17px; line-height: 26px;} } .amp-wp-tax-tag a, a, .amp-wp-author, .headerlogo a, [class*=icono-] { color: #0a89c0;; } body a {color: #0a89c0 } .amp-wp-content blockquote{ border-color:#0a89c0;; } .nav_container, .comment-button-wrapper a { background: #0a89c0;; } .nav_container a{ color:#fff } amp-user-notification { border-color: #0a89c0;; } amp-user-notification button { background-color: #0a89c0;; } .single-post footer { padding-bottom: 40px; } .amp-ad-2{ margin-bottom: 50px; } /**/ .amp-wp-author:before{ content: " By "; } .ampforwp-tax-category span:first-child:after { content: ' '; } .ampforwp-tax-category span:after,.ampforwp-tax-tag span:after { content: ', '; } .ampforwp-tax-category span:last-child:after, .ampforwp-tax-tag span:last-child:after { content: ' '; } .amp-wp-article-content img { max-width: 100%; } .design_2_wrapper .amp-loop-list .amp-wp-meta {display: none;} .amp-menu > li > a > amp-img, .sub-menu > li > a > amp-img { display: inline-block; margin-right: 4px; } .menu-item amp-img {width: 16px; height: 11px; display: inline-block; margin-right: 5px;} .amp-carousel-container {position: relative;width: 100%;height: 100%;} .amp-carousel-img img {object-fit: contain;} /* Slide Navigation code */ .amp-menu li{position:relative} .amp-menu li.menu-item-has-children ul{display:none;margin:0;background:#222} .amp-menu li.menu-item-has-children ul ul{background:#444} .amp-menu li.menu-item-has-children:hover > ul{display:block} .amp-menu li.menu-item-has-children:after{content:'\25be';position:absolute;padding: 10px 15px 10px 30px;right:0;font-size:18px;color:#ccc;top:0;z-index:10000;line-height:1} .amp-ad-wrapper span { display: inherit; font-size: 12px; line-height: 1;} /******* Paste your Custom CSS in this Editor *******/ .amp-logo amp-img{width:0px}
X

Blog

What is WordPress and Why is it Awesome?

WordPress is a free, online open source website creation tool. It is an easy and…

Harry

The Colour Theory of Web Design

Elements of Colour Theory The World Wide Web is steered by its visual communication and…

Mike

Best sites to find FREE Stock Images for your website

A picture is worth a thousand words, especially on your website to pull in potential…

Harry

40% Will Abandon a Page if it Takes More than Three Seconds to Load

In the generation of the internet, the attention span of the average internet-using individual has…

Mike

How to Create a Successful Targeted Campaign on Facebook

Facebook organic reach for business pages has droped significantly over the past years. Basically, the…

Harry

Which Social Media Sites Should Small Business in Saskatoon Be Using?

A few years ago, the most popular question received by digital agencies from business owners…

Harry

Imagine a street full of Business Managers and Owners – now meet LinkedIn

If this street were to exist, then all the business-to-business Marketing Managers would run to…

Harry

Retargeting is the Most Persistent Salesman in the World

Every good salesman knows that you need to date before you close the deal. Only…

Harry

Web Design Trends of 2015

Hero Images http://mextures.com/ One design element that’s been expanding across the web lately is the…

Mike

Hiring a Digital Marketing Agency can be Cheaper than Doing it Yourself

If you’re serious about marketing your business, but don’t know much about Internet marketing, then…

Harry