/* Theme Name: Expert Agent Theme URI: http://wordpress.org/themes/blankslate Author: Expert Agent Design Team Author URI: http://tidythemes.com/ Description: Expert Agent Version: 1.0 */ .videoWrapper { position: relative; padding-bottom: 51%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper2 { position: relative; padding-bottom: 39.25%; padding-top: 24px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ie8 { top:200px; left:25%; position:absolute; z-index:999999999999999999999; height:400px; width:600px; background:#e01755; color:#FFF; padding:30px; font-size:25px; font-weight:bold; } #form1 .row { margin-bottom:10px; } #form1 input, #form1 textarea { padding:6px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ background:#FFF; border:1px solid #ccc; transition: all 0.2s; -webkit-transition: background ease-in 0.2s; -moz-transition: background ease-in 0.2s; -o-transition: background ease-in 0.2s; } #form1 input:focus, #form1 textarea:focus { background:#f4f4f4; outline:none; } input.readMoreBlueButton { font-size:0.9em; background:#2ca9df !important; padding:8px 15px; color:#FFF !important; border-left:1px solid #2ca9df !important; border-top:1px solid #2ca9df !important; border-bottom:2px solid #167da6 !important; border-right:2px solid #167da6 !important; text-align:center; } input.readMorePinkButton { font-size:0.9em; background:#e01755 !important; padding:8px 15px; color:#FFF !important; border-left:1px solid #e01755 !important; border-top:1px solid #e01755 !important; border-bottom:2px solid #cd1a46 !important; border-right:2px solid #cd1a46 !important; text-align:center; } /* FRONTEND CSS *********************************************/ ::selection { background: #eee; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #eee; /* Gecko Browsers */ } #svg-image-blur { display:none; } a { color: #2ca9df; text-decoration: none; } a:hover { color: #e01755; text-decoration: none; } a.post-edit-link { display:none; } html { /* scrollbar fix (prevent ugly left pull for lower content sites) */ overflow-y: scroll; } #justify { text-align:justify; font-size:0.9em; } #justify h3 { color:#2ca9df } body { color:#262630; font-weight:400; font-family:'Lato', sans-serif; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } .screen-reader-text { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} p { font-family:'Lato', sans-serif; } img { max-width:100%; } li { margin-bottom:10px; } h1 { font-size:2em; } h2 { font-size:1.4em; font-weight:800; } h1, h2, h3 { font-family:'Lato', sans-serif; Helvetica, Arial, sans-serif; } h3 { font-size: 26px; } h3 small { color:#2ca9df; } ul.ticks { list-style: none; margin:20px 0; } ul.ticks li { position: relative; margin-bottom: 10px; } ul.ticks li:before { font-family: "Font Awesome 5 Free"; content: "\f00c"; position: absolute; left: -30px; top: -1px; color: #2ca9df; font-weight:bold; } /************************ LINKS ************************/ a:hover { text-decoration:none; } .readMorePink { font-weight: 800; font-size:0.778em; background:#e01755; padding:8px 20px; color:#FFF; border-bottom:2px solid #cd1a46; border-right:2px solid #cd1a46; text-align:center; } .readMorePink:hover { background:#e01755; color:#FFF; border-bottom:2px solid #cd1a46; border-right:2px solid #cd1a46; text-align:center; } .readMoreBlue { margin:20px 0; } .readMoreBlue a { font-weight: 800; font-size:0.778em; background:#2ca9df; padding:8px 15px; color:#FFF; border-bottom:2px solid #167da6; border-right:2px solid #167da6; text-align:center; } .readMoreGrey { margin:20px 0; } .readMoreGrey a { font-weight: 800; font-size:0.778em; background:#404040; padding:8px 15px; color:#FFF; border-bottom:2px solid #333; border-right:2px solid #333; text-align:center; } .readMorePinkBtn { margin:20px 0; } .readMorePinkBtn a { font-weight: 800; font-size:0.778em; background:#e01755; padding:8px 15px; color:#FFF; border-bottom:2px solid #cd1a46; border-right:2px solid #cd1a46; text-align:center; } /************************ HEADER /************************/ #top { font-size:0.778em; background:#2ca9df; padding:10px; border-bottom: 1px solid #181818; } #site-title h1 { margin:0; border:none; } #site-description { color:#fff; margin-top:3px; text-align:center; } #site-description a { color:#FFF; } #site-description p { margin:0; } #site-description img { width:10px; height:10px; } #menu { background:#404040; border-top:1px solid #6d6d6d; height:40px; } /*RESPONSIVE NAV*/ .mm-menu .mm-list > li > a.mm-subclose { background:#2ca9df; color:#fff; } .menu-menu-1-container { display:none; } span.login a { background:#e01755; color:#FFF; margin-left:8px; padding:3px 6px; font-weight:600; text-transform:uppercase; border-bottom: 2px solid #cd1a46; border-right: 2px solid #cd1a46; } #rwdMenu { background: url(images/menu.png); display: inline-block; width: 40px; height: 40px; left: 10px; } .MemberBubble { position:absolute; top:40px; text-align:center; z-index:9999999999999999; background:#fff; color:#4d4d4d; padding:15px; right:0; margin-top:3px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -webkit-box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75); display:none; } .MemberBubble span { font-weight:bold; color:#e01755; } .MemberBubble a { color:#2ca9df !important; font-weight:bold; } .MemberBubble a:hover { text-decoration:underline; } .MemberBubble:before{ content: ""; position: absolute; border-style: solid; border-color:transparent; display: block; width: 0; top: -20px; bottom: auto; left: auto; right: 23px; border-width: 0 20px 20px; } .MemberBubble:after{ content: ""; position: absolute; border-style: solid; border-color: #fff transparent; display: block; width: 0; top: -13px; bottom: auto; left: auto; right: 30px; border-width: 0 13px 13px; } /******* BANNER *************/ .banner1Header { color:#fff; font-size:2.3em; border-bottom:1px solid #fff; font-weight:800; } /********************************************************************** HOME PAGE ***********************************************************************/ /**CALL TO ACTIONS**/ #cta { text-align:center; padding-bottom:50px; margin-top:50px; } #cta1 a.decoration, #cta2 a.decoration, #cta3 a.decoration { margin-top: 0; transition: all 0.2s; -webkit-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; -o-transition: all ease-in 0.3s; } #cta1 .software { background-image: url(images/cta1.png); background-size:90px 195px; } #cta2 .selling { background-image:url(images/cta2.png); background-size:90px 195px; } #cta3 .award { background-image:url(images/cta3.png); background-size:90px 195px; } #cta1, #cta2, #cta3 { margin-bottom:40px; } #cta1 .decoration, #cta2 .decoration, #cta3 .decoration { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; -moz-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; -o-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; background-color: #2ca9df; background-position: center bottom; background-repeat: no-repeat; display: block; height: 90px; margin: 0px auto 10px auto; width: 90px; } #cta1 .software:hover, #cta2 .selling:hover, #cta3 .award:hover { background-color:#e01755; background-position:center top; } #cta p { font-size:0.95em; } #cta h3 { font-weight:400; font-size:1.2em; text-align:center; margin:0 0 10px 10px; } /****AREA1***/ #areaOne { background:#f4f4f4; padding:60px 0; } /****AREA2***/ #areaTwo { padding:60px 0; } #areaTwo h2 { font-size:1.4em; } #members .row .col-sm-6 { height:50px; } #members img { width: 10%; float: left; margin-right: 2%;} #members p { padding-top:8px; font-size:0.9em; } /***AREATOUCH**/ #areaTouch { background: #2ca9df; padding:30px 0; color:#fff; text-align:center; } #areaTouch h2 { font-weight:800; font-size:1.5em; } /*BXSLIEDER OVERRIDES FOR TESTIMONIALS*/ .bxslider blockquote { border: 1px solid #EEE; background:#EEE; padding:10px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; } .bxslider blockquote p { font-size:0.9em !important; } .bxslider img { display:none; } .bxslider blockquote cite { font-weight:600; font-size:0.8em; } .bx-wrapper .bx-viewport { background:none !important; } /****IF SLIDER PLACED ON GREYBACKGROUD**/ #sliderGrey .bxslider blockquote { border: none; background:none; padding:10px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-style:italic; } #sliderGrey .bxslider blockquote p { font-size:1.5em !important; } #sliderGrey .bxslider img { display:none; } .bx-wrapper .bx-viewport { background:none !important; } /******AREATHREE****/ #areaThree { background: #f4f4f4; text-align:center; padding:40px 0; color:#404040; text-align:left; } #areaThree h2 { font-weight:800; } /****AREACOUNTER***/ #areaCounter { background:#2ca9df; text-align:center; padding:30px 0; color:#FFF; } #areaCounter img { width:50%; } #areaCounter span { font-size:2em; font-weight:400; } /****AREATALK*****/ #areaTalk { background: url(images/talk.jpg) no-repeat center center; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; padding:30px 0; } #areaTalk h2 { font-weight:800; } #map-canvas { width:100%; } #menu-item-612 {background:#e01755; font-weight:bold; color:#FFF; } /********************************************************************* PAGES **********************************************************************/ #banner { max-height:350px; } .responsive-image{ width: 100%; background-size: 100% 100%; } #titleHeader { background:#2ca9df; } #titlePink { background:#e01755 !important; } #titleHeader h1, #titlePink h1 { color:#FFF; border-bottom:none; padding:10px 0; margin:15px 0; } #contentArea { padding:30px 0; } img.icon {width: 30px; margin-right:10px; float:left;} span.iconPage { display:inline-block; width:8%; margin-right:10px; } .inTouch { margin-top:40px; background:#2ca9df; padding:15px; text-align:center; border-bottom:2px solid #167da6; border-right:2px solid #167da6; position: relative; } .inTouch p { color:#FFF; font-size:1.1em; font-weight:800; } .inTouch a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; z-index: 10; background-color: white; opacity: 0; filter: alpha(opacity=1); } p.quotation { font-style:italic; border-left:3px #eee solid; padding-left:10px; color:#2ca9df; } #areaLightGrey { background: #f4f4f4; padding:40px 0; color:#404040; } #areaBlue { background-color: #2ca9df; padding:40px 0; color:#FFF; } #areaWhite { background: #FFF; padding:40px 0; color:#404040; } #areaDarkGrey { background: #404040; padding:40px 0; color:#FFF; } /********************************************************************* CONTACT US PAGE / FORM **********************************************************************/ .department { margin:15px 0; clear:both; } .department p{ font-size:0.8em; } #form label { font-size:0.7em; font-weight:400; } #form input, #form textarea { width:100%; padding:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; font-size:0.7em; background:#FFF; border:1px solid #ccc; transition: all 0.2s; -webkit-transition: background ease-in 0.2s; -moz-transition: background ease-in 0.2s; -o-transition: background ease-in 0.2s; } #form input:focus, #form textarea:focus { background:#F4F4F4; outline:none; border:1px solid #ccc; padding:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } #form .wpcf7-submit, #form .wpcf7-submit:focus { background:#2ca9df; color:#fff; width:25%; border:1px solid #2ca9df; float:right; -webkit-transition: all ease-in 0.1s; -moz-transition: all ease-in 0.1s; -o-transition: all ease-in 0.1s; } #form .wpcf7-submit:hover { background:#e01755; color:#fff; width:25%; border:1px solid #e01755; float:right } #form .row { margin-bottom:10px; } img.ajax-loader { width:16px; height:16px; } #addressArea { padding:30px 0; background:#F4F4F4; } #addressArea h2 { color:#404040; } .wpcf7-validation-errors { background:#e01755; border:1px solid #e01755 !important; border-radius:5px !important; -webkit-border-radius:5px; -moz-border-radius:5px; color:#fff; margin-top:0px !important; } .wpcf7-mail-sent-ok { background:#8ad322; border:1px solid #8ad322 !important; border-radius:5px !important; -webkit-border-radius:5px; -moz-border-radius:5px; color:#fff; margin-top:0px !important; } span.wpcf7-not-valid-tip { font-size:0.7em !important; color:#e01755 !important; } /**************************************** PRICING ******************************************/ .priceBoxHeader { background:#2ca9df; color:#FFF; padding:10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 35px; } .pricesBox { background:#F1f1f1; padding:10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pricesBox img { width:50%; } .pricesBox h3 { margin-top:5px; } .priceBoxHeader strong { font-weight:700; font-family:'Lato', serif; } .greyBox { background: #888; padding: 8px 0; color: #FFF; } .greyBox h3 { margin-top:5px; } .greyBox a { color:#FFF; text-decoration:underline; } .centerCols .col-sm-4 { text-align:center; margin-bottom:15px; } /********************************************************************* TYPOGRAPHY *********************************************************************/ section h1 { font-weight:400; border-bottom:solid 1px #404040; padding-bottom:10px; margin:0 0 15px 0; } section p { font-size:1em; font-weight:400; line-height:26px; } /********************************************************************* FOOTER **********************************************************************/ #footer { background:#404040; color:#fff; padding:30px 0 0 0; border-top:2px solid #2ca9df; font-size:0.750em; } #footer a { color:#2ca9df; } #footer h3 { font-size:1.55em; font-weight:400; margin:0 0 20px 0; } #footer a:hover { color:#e01755; text-decoration:none; } #right p { margin-bottom:0; } #menu-footer { margin-top:0; } #menu-footer li { display:inline-block; font-size:0.9em; } #menu-footer li:after { content:" | " } /********************** QUICKLINKS *********************/ ul.quickLinks { margin:0; padding:0; } .quickLinks li { list-style:none; background:url(images/quicklink.png) left no-repeat; background-size: 20px 15px; padding: 10px 0 10px 27px; border-top:1px solid #222; margin:0; border-bottom:#555 solid 1px;transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); } .quickLinks li a { color:#FFF !important; } .quickLinks li:hover { background:url(images/quicklink.png) left no-repeat #2ca9df; background-size: 20px 15px; } .quickLinks li:first-child { border-top:none; } .quickLinks li:last-child { border-bottom:none; } /*************** footer blog *******************/ #latestPost h3.home { margin:0; font-weight:bold; font-size:1.3em; } #latestPost p { font-size:1.1em; margin-bottom:20px; } .blogDate { font-size:0.8em; } #latestPost img { display:none; } .textwidget .bx-wrapper .bx-viewport{ background: #2ca9df !important; color:#FFF; } .textwidget .bx-wrapper .bx-viewport li { padding:10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align:center; } .textwidget .bx-wrapper .bx-viewport a { color:#fff; text-align:center; } .textwidget .bx-wrapper .bx-viewport h4 { text-align:center; font-weight:bold; } .textwidget .bx-wrapper .bx-viewport p { font-size:0.8em; text-align:center; } .textwidget .bx-wrapper .bx-viewport img { width:60%; display:block; text-align:center; margin:0 auto; } /*****FULL ARTICLE***/ #blogTitle { padding:10px 0 20px 0; } #blogTitle h1 { margin:0; padding: 10px 0 0 0 ; } #blogTitle .blogDate { color:#FFF; } #BlogBannerImage { margin:0 0 20px 0; } #blogContent { padding:30px 0; } /**********************/ #copyright { padding:15px 0; background:#444; margin-top:30px; } #copyright p, #copright #right p { font-size:0.9em;} #copyright #right { text-align:center; } /************************************************** BLOG POSTS *************************************************/ #blogPostSum { margin:20px 0; border-bottom: 1px solid #ccc;} #blogPostSum h2 { margin:0 0 0 0;} #blogPostSum h2 a { font-weight:800; color:#2ca9df; } #blogPostSum a.read-more { margin:10px 0 20px 0; font-size: 0.779em; background: #e01755; padding: 3px 10px; color: #FFF; border-bottom: 2px solid #cd1a46; border-right: 2px solid #cd1a46; text-align: center; display:block; } #blogPostSum .blogDate { font-weight:400; color:#2ca9df; } #blogPostSum p { margin-top:10px; } .xoxo { list-style:none; padding:0; } #archives-3 { background:#404040; padding:10px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } #archives-3 h3 { color:#FFF; margin:0 0 10px 0; padding-left:35px; background:url(images/archives.png) no-repeat; background-size:30px 30px; } #archives-3 ul { list-style:none; padding:0; } #archives-3 ul li { border-top: 1px solid #535353; border-bottom: 1px solid #313131; padding:10px 0; margin:0; } #archives-3 ul li:first-child { border-top:none; } #archives-3 ul li:last-child { border-bottom:none; } #archives-3 ul li a { color:#FFF; transition: color 0.2s; -webkit-transition: color ease-in 0.2s; -moz-transition: color ease-in 0.2s; -o-transition: color ease-in 0.2s; font-size:0.9em; } #archives-3 ul li a:hover { color:#2ca9df; } /*PIE CHARTS**/ #doughnutChart { text-align:center; } #doughnutChart svg { width:100% !important; } .chart { margin: 0 auto; width: 100%; height: 250px; position: relative; } .doughnutTip { position: absolute; float: left; min-width: 30px; max-width: 300px; padding: 5px 15px; border-radius: 1px; background: rgba(0,0,0,.8); color: #ddd; font-size: 17px; text-shadow: 0 1px 0 #000; text-align: center; line-height: 1.3; letter-spacing: .06em; box-shadow: 0 1px 3px rgba(0,0,0,0.5); transform: all .3s; pointer-events: none; } .doughnutTip:after { position: absolute; left: 50%; bottom: -6px; content: ""; height: 0; margin: 0 0 0 -6px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid rgba(0,0,0,.7); line-height: 0; } .doughnutSummaryNumber { display:none; } .doughnutSummaryCustom { position: absolute; top: 30%; left: 33%; color: #d5d5d5; text-align: center; text-shadow: 0 -1px 0 #111; cursor: default; font-size: 3.5em; } .doughnutSummaryTitle { position: absolute; top: 50%; width: 100%; margin-top: -27%; font-size: 22px; letter-spacing: .06em; } .doughnutSummaryNumber { position: absolute; top: 50%; width: 100%; margin-top: -15%; font-size: 55px; } .chart path:hover { opacity: .65; } /***** WEBSITES ********/ .responsiveBk { background-image:url(images/responsive-mobile.png); background-repeat:no-repeat; background-position:right; } /*20 REASONS*/ .jFlowSlideContainer { overflow-x:hidden; } #myController ul { list-style:none; margin:0 auto 10px auto; padding:0 0 20px 0; border-bottom: 1px #ccc solid; } #myController ul li { margin: 0 5px 10px 0; } li#flowNo { display:none; } .jFlowControl { background:#404040; display:inline-block; padding:4px 12px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; color:#fff; } .jFlowSlideContainer img { display:block; width:75%; margin:0 auto; } .dec { padding:4px 9px; } .jFlowControl:hover { background:#e01755; } .jFlowSelected { background:#2ca9df; } #blueCircle { font-size:2em; font-weight:800; color:#2ca9df; text-align:center;} #flowPrev, #flowNext { display:inline-block; } .jFlowPrev, .jFlowNext { display:inline-block; font-size: 0.778em; background: #404040; padding: 8px 15px; color: #FFF; border-bottom: 2px solid #333; border-right: 2px solid #333; text-align: center; } /* MEDIA QUERIES *********************************************/ /* Extra small devices (phones, less than 768px) */ /* No media query -> mobile first strategy */ /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { body { font-size:18px; } /******************************** HEADER ********************************/ #top { background:#2ca9df; padding:5px 0; border-bottom: 1px solid #181818; } #site-description { color:#fff; text-align:right; } #site-description img { width:20px; height:20px; } span.login a { background:#e01755; color:#FFF; margin-left:8px; padding:3px 6px; font-weight:600; text-transform:uppercase; } .MemberBubble { position:absolute; top:40px; text-align:center; z-index:9999999999999999; background:#fff; color:#4d4d4d; padding:15px; right:0; margin-top:3px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -webkit-box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 19px 0px rgba(50, 50, 50, 0.75); display:none; } #site-description { text-align:right; } /* NAVIGATION */ .menu-menu-1-container { display:block; } nav { padding:0; margin-top:0; } nav ul {text-align:center; margin:0; padding:0;} nav ul li:first-child { margin:5px 10px 0 0; } nav ul li ul li:first-child { margin:0; } nav ul li { float:left; display:inline; margin:5px 0px 0px 0px; padding: 3px 10px 6px 10px; color: #fff; border-top-right-radius: 2px; border-top-left-radius: 2px; } nav ul li:hover {background: rgba(34,34,34,1); color: #fff; border-bottom: none; text-decoration: none;} nav ul li a { display:block; padding:0px; color:#FFF; line-height:24px; font-size:0.6em; } nav ul li a:hover{ color:#FFF !important; } nav ul li ul {position:absolute; width:240px; margin-top:7px; background: none; z-index:999999999999999999; margin-left:-10px; } nav ul li ul li { width: 240px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding:0; } nav ul li ul li a { width: 240px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; background:#404040; padding: 12px 10px; transition: all 200ms cubic-bezier(0.250, 0.460, 0.450, 0.940); border-top: 1px solid #535353; border-bottom: 1px solid #313131; display:block; color:#fff; text-align:left; } nav ul li ul li:hover { background-color:transparent; } nav ul li ul li a:hover { background:#2ca9df; color:#fff !important; border-bottom: 1px solid #104050; border-top: 1px solid #4cc7f9; } nav ul li ul li:last-child a { -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } nav ul li ul li:hover a {} nav ul li ul.sub-menu {display:none;} nav ul li:hover ul.sub-menu {display:block;} /******************* HOMEPAGE *******************/ #cta h3 { font-size:1.2em; } #members .row .col-sm-6 { height:50px; } #sliderGrey .bxslider img { display:block; border:none; width:25%; border-radius:0; -webkit-borde-radius:0; -moz-border-radius:0; } .bxslider img { float:right !important; width:10%; border-radius:50%; -webkit-borde-radius:50%; -moz-border-radius:50%; margin-right:0em !important; bottom:10px; right:10px; border: 2px solid #e01755; position:absolute; display:block; } /************************* PAGES **************************/ img.icon {width: 50px; margin-right:10px; float:left;} /********************************* FOOTER ********************************/ /***latest blog posts*****/ #latestPost img { display:block; } #myController ul { text-align:left; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { /***************** NAV *****************/ /* NAVIGATION */ .menu-menu-1-container { display:block; } nav { padding:0; margin-top:0; } nav ul {text-align:center; margin:0; padding:0;} nav ul li:first-child { margin:5px 10px 0 0; } nav ul li ul li:first-child { margin:0; } nav ul li { float:left; display:inline; margin:5px 10px 0px 10px; padding: 3px 10px 6px 10px; color: #fff; border-top-right-radius: 2px; border-top-left-radius: 2px; } nav ul li:hover {background: rgba(34,34,34,1); color: #fff; border-bottom: none; text-decoration: none;} nav ul li a { display:block; padding:0px; color:#FFF; line-height:24px; font-size:0.8em; } /**CALL TO ACTIONS**/ #cta1 a.decoration, #cta2 a.decoration, #cta3 a.decoration { margin-top: 20px; } #cta1 .software { background-image: url(images/cta1.png); background-size:180px 360px; } #cta2 .selling { background-image:url(images/cta2.png); background-size:180px 360px; } #cta3 .award { background-image:url(images/cta3.png); background-size:180px 360px; } #cta1 .decoration, #cta2 .decoration, #cta3 .decoration { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; -moz-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; -o-transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; transition: background-position 0.2s ease-in,border-color 0.2s ease-in,background-color 0.2s ease-in; background-color: #2ca9df; background-position: center bottom; background-repeat: no-repeat; display: block; height: 180px; margin: 0px auto 10px auto; width: 180px; } #cta1 .software:hover, #cta2 .selling:hover, #cta3 .award:hover { background-color:#e01755; background-position:center top; } #cta h3 { font-weight:400; font-size:1.5em; text-align:center; margin:0 0 10px 10px; } /********************* HOMEPAGE *********************/ /****AREA2***/ #members .row { padding:10px 0; } #members .row .col-sm-6 { height:40px; } #members img { width: 10%; float: left; margin-right: 2%;} .bxslider img { float:right !important; width:20%; border-radius:50%; -webkit-borde-radius:50%; -moz-border-radius:50%; margin-right:0em !important; bottom:10px; right:10px; border: 2px solid #e01755; position:absolute; display:block; } /************************************ FOOTER ***********************************/ #copyright #right { text-align:RIGHT; } /**************************************** BLOG *****************************************/ /***SUMMARY**/ #blogPostSum a.read-more { width:150px; } /************** 20 REASONS ***************/ #myController ul { text-align:center; } .jFlowPrev, .jFlowNext { display:none; } li#flowNo { display:inline-block; } /*************************************** MUCH LOL **************************************/ .doge { position: fixed; left: 100%; bottom: 0; } .doge-nice { background: url(images/much-nice.png); background-size: 244px 288px; /* This keeps it stuck to the bottom for some reason */ width: 244px; height: 288px; } .doge-bite { background: url(images/so-bite.png); background-size: 281px 243px; /* This keeps it stuck to the bottom for some reason */ width: 281px; height: 243px; } .doge-bark { background: url(images/very-bark.png); background-size: 233px 280px; /* This keeps it stuck to the bottom for some reason */ width: 233px; height: 280px; } .doge-alana { background: url(images/much-alana.png); background-size: 284px 280px; /* This keeps it stuck to the bottom for some reason */ width: 284px; height: 280px; } .doge-marcus { background: url(images/much-marcus.png); background-size: 229px 285px; /* This keeps it stuck to the bottom for some reason */ width: 229px; height: 285px; } .doge-animate { left: -100%; transition: 6000ms left; /* Force hardware acceleration on WebKit */ -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { #cta1 a.decoration, #cta2 a.decoration, #cta3 a.decoration { margin-top: -40%; } } /* for higher resolutions (android and retina) */ @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (max--moz-device-pixel-ratio: 1.5) { }