/* Theme Name:All Stream Theme URI:http://blog.allstream.com/ Description:AllStream Theme Author:Maxime Lefrancois Template:canvas Version:1.0 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } .st_linkedin_hcount, .st_twitter_hcount{ margin-left:-3px; float:left; height:30px; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ body{background:#4b4b4b; color:#333333; font:93.8%/150% Georgia, Arial, sans-serif; line-height:1.3em;} h1, h2, h3, h4, h5, h6{color:#333333; font-weight:bold; line-height:1.1em; margin:0;} h1{font-size:1.733em; margin:0;} h2{font-size:1.6em;} h3{font-size:1.2em;} h4{font-size:1em;} h5{font-size:0.867em;} h6{font-size:0.8em;} p{line-height:1.5em; padding-bottom:1em;} input, textarea{background:#fff; border:1px solid #d2d2d2; color:#999; font:normal .8em Arial, Helvetica, sans-serif; padding:5px 8px;} input[type=button], input[type=submit], button{background-color:#333; border:none; border-radius:5px; color:#fff; font:normal .8em Arial, Helvetica, sans-serif; overflow:visible; padding:7px 10px;} hr{background:none; border:none; border-top:1px dotted #d2d2d2; clear:both; color:#FFF; height:1px; margin:10px 0 0 0; padding:0 0 10px 0;} a{color:#333; font-family:Arial, Helvetica, sans-serif; text-decoration:none;} a:hover{color:#333; text-decoration:underline;} a img{vertical-align:top;} a:active{removefocus:expression(this.onFocus=this.blur());} p a, ul li a, ol li a{color:#333; font-family:Georgia, Arial, sans-serif;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{background:url(images/bg/title.gif) repeat-x left 1.25em; color:#333; font-family:'Bree Serif', serif; line-height:1em; zoom:1; position:relative;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{background-image:url(images/bg/title_on.gif); color:#333; text-decoration:none;} .ie7 h1 a, .ie7 h2 a, .ie7 h3 a, .ie7 h4 a, .ie7 h5 a, .ie7 h6 a{background:none; line-height:1.2em;} .ie7 h1 a:hover, .ie7 h2 a:hover, .ie7 h3 a:hover, .ie7 h4 a:hover, .ie7 h5 a:hover, .ie7 h6 a:hover{background:none; text-decoration:underline;} blockquote{color:#999; font-style:italic; padding:15px 0 15px 55px;} strong, b{font-weight:bold;} em, i{font-style:italic;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ #wrapper{background:#e3e3e3; min-width:320px;} #container1{background:#FFF url(images/bg/header.gif) left top repeat-x; border-bottom:1px solid #c9c9c9; box-shadow:0px 2px 2px rgba(201, 201, 201, 0.5); margin-bottom:3px; min-height:139px;} #container2{background:#e3e3e3;} #container3{background:#4b4b4b;} .tax-panam #container2 { background: #ffffff url(images/bg/toronto-2015/toronto-2015-bg.jpg) 50% 0% repeat-y; } /* HEADER ========================================================================================================*/ #header{margin:0 auto; padding:0 10px 15px; position:relative; max-width:980px;} /* logo */ #logo{max-width:478px; min-height:70px; padding:12px 0 0 0;} #logo img{width:100%;} /* quick */ #quick{position:absolute; right:0; top:0;} #quick ul li{display:inline;} #quick ul li a, #quick ul li span{border-bottom:none; color:#333; display:inline-block; border-right:1px solid #d2d2d2; font:normal 0.733em Arial, Helvetica, sans-serif; padding:10px 12px 2px 8px;} #quick ul li.last a, #quick ul li.last span{border-right:none;} #quick ul li.language a{color:#f47e1f;} /* social badges */ #social{position:absolute; right:10px; top:40px;} #social .logo{margin-right:10px;} #social img{margin-left:5px; vertical-align:middle;} /* menu */ #menu{float:left; margin-top:24px;} #menu > ul{font:bold 1em Arial, Helvetica, sans-serif;} #menu > ul li a{font-family:Arial, Helvetica, sans-serif;} #menu > ul > li{display:inline; padding-bottom:16px; padding-right:28px; position:relative;} .fr #menu > ul > li{display:inline; padding-bottom:16px; padding-right:13px; position:relative; font-size: 0.9em;} #menu > ul > li > a{border:none; color:#333333; vertical-align:middle;} #menu > ul > li.activate > a, #menu > ul > li:hover > a{color:#ff1919; text-decoration:none;} #menu > ul li.home > a{background:url(images/bg/home.gif) no-repeat top left; color:transparent; display:inline-block; height:11px; overflow:hidden; width:13px;} #menu > ul li.home:hover > a{background-position:left -11px;} #menu > ul li.has-children > a{background:url(images/bg/submenu.gif) no-repeat right center; padding-right:15px;} #menu .sub-menu{background:#FFF; border:1px solid #CCC; border-top:0; display:none; font-size:0.867em; left:-11px; top:100%; padding:5px 10px; position:absolute; z-index:20;} #menu .sub-menu li{padding-bottom:5px; white-space:nowrap;} #menu .sub-menu li.activate a{text-decoration:underline;} #menu li:hover .sub-menu{display:block;} #menu ul li.section-red:hover > a, #menu ul li.section-red.activate > a, #menu ul li.section-red.activate > a{color:#ff1919;} #menu ul li.section-green:hover > a, #menu ul li.section-green.activate > a, #menu ul li.section-green.activate > a{color:#8dc63f;} #menu ul li.section-purple:hover > a, #menu ul li.section-purple.activate > a, #menu ul li.section-purple.activate > a{color:#9b2890;} #menu ul li.section-indigo:hover > a, #menu ul li.section-indigo.activate > a, #menu ul li.section-indigo.activate > a{color:#00b6b5;} #menu ul li.section-blue:hover > a, #menu ul li.section-blue.activate > a, #menu ul li.section-blue.activate > a{color:#3c9cd7;} #menu ul li.section-orange:hover > a, #menu ul li.section-orange.activate > a, #menu ul li.section-orange.activate > a{color:#f67e1d;} #pull{background:url(images/nav.png) no-repeat; cursor:pointer; display:none; float:left; height:30px; width:30px;} /* search */ #search{background:url(images/bg/diagonals.gif); display:inline-block; float:right; margin-top:22px; padding:0 5px 2px 5px; width:200px;} #search form{margin:0; padding:0;} #search form img{vertical-align:middle;} #search form input{background:none; border:none; color:#333; margin:0; padding:0; vertical-align:text-bottom; width:90%;} #search form input::-webkit-input-placeholder{color:#333;} /* CONTENT ========================================================================================================*/ #content{margin:0 auto; padding:15px 10px; max-width:982px;} #content .image{position:relative;} #content .image .watermark{background:url(images/bg/video.png) no-repeat top left; bottom:10px; height:45px; position:absolute; right:10px; width:46px;} #content .bubble{background:url(images/bg/commentBubble.gif) no-repeat top left; color:#fff; display:none; font-size:9px; font-weight:normal !important; height:15px; line-height:11px; text-align:center; vertical-align:middle; width:18px;} #content .bubble:hover{background-position:top right; color:#fff; text-decoration:none;} #content .postedBy{color:#000; font:bold 0.8em Arial, Helvetica, sans-serif;} #content .postedBy a{color:#000;} #content .date{color:#999; font:bold 0.8em Arial, Helvetica, sans-serif;} #content .alignRight{font-size:0.8em;} #content .alignRight a{color:#999; font-weight:bold;} #content .alignRight a:hover{color:#999;} /* home boxes */ #home .post .entry{color:#999999; font-size:0.867em; margin:3px 0;} #home .post .image{float:left; margin:0 10px 5px 0;} #home .post .categoryTitle{padding:0 0 4px 0;} #home .first .image{float:none; margin:-20px 0 5px 0;} #home .first .categoryTitle{padding:4px 0;} /* event home box */ #eventHomeBox{height:310px;} /* author box */ #featuredBox .post .entry{color:#333; font-size:0.867em;} #featuredBox .post h4{padding-bottom:5px;} #featuredBox .post .metadata{clear:both; font:bold .8em Arial, Helvetica, sans-serif; padding:0 0 5px 0;} #featuredBox .post .metadata .postedBy{font-size:1em;} #featuredBox .post .jobTitle{color:#999; font-weight:normal;} /* topics */ #topicsBox .topicsBox{position:relative;} #topicsBox .sectionTitle{position:relative;} #topicsBox .sectionTitle span{position:static;} #topicsBox .sectionTitle .seeAll{position:absolute; right:0;} #topicsBox .sectionTitle .seeAll{color:#000; position:absolute; top:2px; right:0;} #topicsBox .sectionTitle .seeAll a{border-bottom:1px solid #ccc; color:#000 !important; font:1em Arial, Helvetica, sans-serif;} #topicsBox .sectionTitle .seeAll a:hover{border-bottom-color:#333; text-decoration:none;} #topicsBox ul{margin-top:5px;} #topicsBox ul li{border-top:1px dotted #d2d2d2; color:#999; font:bold 1.067em Arial, Helvetica, sans-serif; overflow:hidden; padding:5px 2px; text-align:right;} #topicsBox ul li a{border:none; color:#f47e1f; font-family:Arial, Helvetica, sans-serif; float:left; font-size:1em;} #topicsBox ul li a:hover{color:#f47e1f;} /* newsletter */ #newsletter .inside{background:#f47e1f; padding:10px;} #newsletter .inside h3{font:bold 1.467em Arial, Helvetica, sans-serif;} #newsletter .inside p{font:normal .8em Arial, Helvetica, sans-serif;} #newsletter .inside strong{color:#FFFFFF;} #newsletter .inside p strong{font-weight:normal;} #newsletter .inside input{background:#F47E1F url(images/bg/newsletterArrow.gif) no-repeat 3px center; border:none; border-bottom:1px dotted #FFFFFF; color:#FFFFFF; font-weight:normal; margin-right:3px; padding:3px 3px 3px 20px; width:165px;} #newsletter .inside input::-webkit-input-placeholder{color:#FFF;} /* CONTENT LEFT ========================================================================================================*/ #contentLeft{float:left; width:652px;} #contentLeft h1.highlight{color:#f47e1f;} #contentLeft .categoryDescription{color:#999; font-size:1.2em; margin-top:-10px;} /* grid layout */ #contentLeft .gridLayout{margin-left:-8px; overflow:hidden;} #contentLeft .gridLayout .item{float:left; margin-left:8px; width:322px;} #contentLeft .gridLayout .item .box{height:325px;} #contentLeft .gridLayout .item .box .categoryTitle{font-size:0.8em; padding:10px 0 5px 0;} #contentLeft .gridLayout .item .box .entry{color:#999; font-size:0.867em; padding:8px 0;} /* archive layout */ #contentLeft .archiveLayout .post{overflow:hidden;} #contentLeft .archiveLayout .post .image{float:left; width:190px;} #contentLeft .archiveLayout .post .details{float:right; width:420px;} #contentLeft .archiveLayout .post .details .categoryTitle{padding:0 0 8px 0;} #contentLeft .archiveLayout .post .details .metadata{color:#999; font:bold 0.8em Arial, Helvetica, sans-serif; padding:10px 0 8px 0;} #contentLeft .archiveLayout .post .details .metadata .postedBy, #contentLeft .archiveLayout .post .details .metadata .tags{font-size:1em; color:#999999;} #contentLeft .archiveLayout .post .details .metadata .postedBy a, #contentLeft .archiveLayout .post .details .metadata .tags a{color:#999999;} #contentLeft .archiveLayout .post .details .metadata .date{font-size:1em;} #contentLeft .archiveLayout .post .details .entry{line-height:1.5em; padding-bottom:6px;} #contentLeft .archiveLayout .post .details .cta{font-size:1em;} /* twoColumnsLayout */ #contentLeft .twoColumnsLayout{margin-left:-10px; overflow:hidden;} #contentLeft .twoColumnsLayout .post{float:left; margin:0 0 10px 15px; width:300px;} #contentLeft .twoColumnsLayout .post .entry{color:#999; font-size:0.867em; padding:8px 0;} #contentLeft .twoColumnsLayout hr{margin-left:10px;} /* featured post */ #contentLeft .featured{height:314px; position:relative; width:630px;} #contentLeft .featured .details{bottom:0; left:0; position:absolute; width:245px;} #contentLeft .featured .details h2{font-size:1.4em; line-height:.95em; position:relative; z-index:10;} #contentLeft .featured .details .entry{color:#999; font-size:1.2em; padding:5px 0;} #contentLeft .featured .details .entry p{padding:0;} #contentLeft .featured .image{position:absolute; right:0; top:0;} /* gallery */ #contentLeft .flexslider{overflow:hidden; padding-bottom:10px;} #contentLeft .flexslider ul{margin:0 !important;} #contentLeft .flexslider .slides li{position:relative;} #contentLeft .flexslider .slides li .caption{border-bottom:1px dotted #d2d2d2; color:#999; font:normal 0.8em Arial, Helvetica, sans-serif; padding:5px 0; width:475px;} #contentLeft .flexslider .navigation .paginationWrapper{float:left; overflow:hidden; margin-left:-4px; position:relative; white-space:nowrap; width:440px; z-index:10;} #contentLeft .flexslider .navigation .pagination li{float:left; height:65px; list-style-type:none; margin:0 0 8px 4px; padding:3px; width:100px;} #contentLeft .flexslider .navigation .pagination .current, #contentLeft .flexslider .navigation .pagination li:hover{border:1px solid #333; padding:2px;} #contentLeft .flexslider .navigation .previousGroup, #contentLeft .flexslider .navigation .nextGroup{background:url(images/bg/navigation.gif) no-repeat top left; display:block; float:left; height:65px; margin:0 -8px; text-indent:-999em; width:35px; z-index:11;} #contentLeft .flexslider .navigation .previousGroup{background-position:top left;} #contentLeft .flexslider .navigation .previousGroup:hover{background-position:top right;} #contentLeft .flexslider .navigation .nextGroup{background-position:bottom left;} #contentLeft .flexslider .navigation .nextGroup:hover{background-position:bottom right;} #contentLeft .flexslider .navigation .disabled{visibility:hidden;} /* slider */ #sliderContainer{height:426px;} #sliderContainer .container{overflow:hidden; position:relative;} #sliderContainer .slides{display:none; height:330px; margin:0 -10px; position:absolute; top:0; left:0;} #sliderContainer .slides .slide{height:330px; padding:0 10px; position:relative; width:630px;} #sliderContainer .slides .slide .details{left:10px;} #sliderContainer .slides .slide .image{right:10px;} #sliderContainer .navigationWrapper{border-top:1px dotted #d2d2d2; margin:20px 0 0 0; overflow:hidden; padding:10px 0; text-align:center;} #sliderContainer .navigation{display:inline-block;} #sliderContainer .navigation .previous, #sliderContainer .navigation .next{background:url(images/bg/navigation.gif) no-repeat top left; display:block; float:left; height:65px; width:35px; text-indent:-999em;} #sliderContainer .navigation .previous{background-position:top left;} #sliderContainer .navigation .previous:hover{background-position:top right;} #sliderContainer .navigation .next{background-position:bottom left;} #sliderContainer .navigation .next:hover{background-position:bottom right;} #sliderContainer .pagination{float:left; margin:0; overflow:hidden;} #sliderContainer .pagination .page{float:left; height:65px; margin:0 3px; padding:3px; width:100px;} #sliderContainer .pagination .page a{background:#ccc; border:none; display:inline-block; height:65px; width:100px;} #sliderContainer .pagination .page img{vertical-align:top;} #sliderContainer .pagination .current, #sliderContainer .pagination .page:hover{border:1px solid #000; padding:2px;} /* section */ #section .featured .details .entry{padding:8px 0;} #section .categoryTitle{font-size:1.2em; padding:0;} #section .eventName{font:bold .8em Arial, Helvetica, sans-serif;} /* insutry */ #industry .titleBox{background:#f57f20; padding:6px 10px;} #industry .titleBox h2{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal; height:35px; line-height:35px; padding-left:48px;} .term-financial-services #industry .titleBox h2, .term-services-financiers #industry .titleBox h2{background:url(images/bg/industry/financial.png) 6px top no-repeat;} .term-government-and-public-sector-organizations #industry .titleBox h2, .term-gouvernement-canadien-et-les-organisations-du-secteur-public #industry .titleBox h2, .term-1435 #industry .titleBox h2, .term-1436 #industry .titleBox h2 { background:url(images/bg/industry/government.png) 6px top no-repeat; } .term-oil-and-gas-industry #industry .titleBox h2, .term-oil-and-gas #industry .titleBox h2, .term-petrole-et-du-gaz #industry .titleBox h2, .term-petrole-et-gaz #industry .titleBox h2, .term-1438 #industry .titleBox h2, .term-1437 #industry .titleBox h2 { background:url(images/bg/industry/oil.png) 6px top no-repeat; } .term-retail #industry .titleBox h2, .term-vente-au-detail #industry .titleBox h2{background:url(images/bg/industry/retail.png) 6px top no-repeat;} #industry .intro h1{color:#333; font-family:'Bree Serif', serif; margin:15px 0;} #industry .intro .col2-set p{color:#999999; font-size:0.867em;} #industry .intro .col2-set .col-1{margin-right:30px; width:300px;} #industry .intro .col2-set .col-2{width:300px;} #industry .twoColumnsLayout .post .entry{margin-bottom:-17px;} #industry .author{min-height:60px; padding-left:100px;} #industry .author .image{float:left; margin-left:-100px;} #industry .author h4{color:#333; font-family:'Bree Serif', serif; padding-bottom:5px;} #industry .author p{color:#999999; font-size:0.867em; padding-bottom:5px;} #industry .author .contact{background:url(images/bg/envelope.png) left top no-repeat; padding-left:30px; text-decoration:none;} #industry .news .post{min-height:60px; padding-left:100px;} #industry .news .post .image, #industry .news .resource .image{float:left; margin-left:-100px;} /* pan am */ #panam .titleBox{background:#f57f20; padding:6px 10px;} #panam .titleBox h2{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal; height:35px; line-height:35px; padding-left:48px;} /* TODO CHANGE IMAGES */ .term-pan-am-parapan-am-games #panam .titleBox h2, .term-jeux-panamericains-et-parapanamericains #panam .titleBox h2{background:url(images/bg/toronto-2015/toronto-2015.png) 6px top no-repeat;} #panam .intro h1{color:#333; font-family:'Bree Serif', serif; margin:15px 0;} #panam .intro .col2-set p{color:#999999; font-size:0.867em;} #panam .intro .col2-set .col-1{margin-right:30px; width:300px;} #panam .intro .col2-set .col-2{width:300px;} #panam .twoColumnsLayout .post .entry{margin-bottom:-17px;} #panam .author{min-height:60px; padding-left:100px;} #panam .author .image{float:left; margin-left:-100px;} #panam .author h4{color:#333; font-family:'Bree Serif', serif; padding-bottom:5px;} #panam .author p{color:#999999; font-size:0.867em; padding-bottom:5px;} #panam .author .contact{background:url(images/bg/envelope.png) left top no-repeat; padding-left:30px; text-decoration:none;} #panam .news .post{min-height:60px; padding-left:100px;} #panam .news .post .image, #panam .news .resource .image{float:left; margin-left:-100px;} /* archive */ #archive h1{font-family:'Bree Serif', serif; padding:10px 0 0 0; position:relative;} #archive h1 .count{bottom:0; color:#999; font-size:.5em; font-weight:normal; line-height:1.2em; position:absolute; right:0;} #archive hr{margin-top:15px; padding-bottom:15px;} /* single */ #single h1{font-family:'Bree Serif', serif; padding:15px 0 0 0;} #single .resume{color:#999; margin-bottom:-10px; padding-top:10px;} #single .metadata{color:#999; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; padding:15px 0 5px 0;} #single .metadata .image{float:left; margin-right:15px; width:90px;} #single .metadata .tags strong{color:#000;} #single .metadata .tags a{color:#999;} #single .metadata .postedBy{font-size:1em;} #single .metadata .postedBy .star{background:url(images/bg/postedByStar.gif) no-repeat left top; color:#e76725; padding-left:15px;} #single .share{float:left; margin-left:-20px; margin-top:10px; position:relative; width:155px; clear: left;} #single .share .inside{background:url(images/bg/diagonals.gif) top left; overflow:hidden; padding:20px;} #single .share .inside p{padding:2px 0;} #single .share .inside a{display:block; float:left; margin-bottom:5px; margin-right:10px;} #single .share .fold{background:url(images/fold.gif) no-repeat top left; bottom:-10px; height:9px; position:absolute; left:-1px; width:10px;} #single .entry{float:right; min-height:200px; overflow:hidden; padding-top:10px; width:475px;} #single .entry h1, #single .entry h2, #single .entry h3, #single .entry h4, #single .entry h5, #single .entry h6{font-family:'Bree Serif', serif; padding-bottom:1em;} #single .entry .image{padding-bottom:5px;} #single .entry img{max-width:475px;} #single .entry .wp-caption .wp-caption-text{border-bottom:1px dotted #d2d2d2; color:#999; font:normal 0.8em Arial, Helvetica, sans-serif; margin-right:10px; padding:0 0 5px 0;} #single .entry .author{border-top:1px solid #d2d2d2; margin-top:5px; overflow:hidden; padding:20px 0 10px 0;} #single .entry .author .image{float:left; margin-right:15px; width:90px;} #single .entry .author .details{color:#999; float:left; font-size:0.867em; width:365px;} #single .entry .author .details .metadata{color:#000; font-size:0.923em; padding:0;} #single .entry ul li, #single .entry ol li{padding-bottom:1em;} #single .entry ul{list-style-type:disc; margin-left:25px;} #single .entry ol{list-style-type:decimal; margin-left:25px;} #single .entry .twocol-one, #single .entry .threecol-one, #single .entry .threecol-two{border-right:1px solid #D2D2D2; margin-right:2%; padding-right:1.5%;} #single .entry .last{border-right:0; margin-right:0; padding-right:0;} #single .entry a, #single .entry a:hover {color:#f47e1f;} #single.section-red .entry a, #single.section-red .entry a:hover{color:#ff1919;} #single.section-green .entry a, #single.section-green .entry a:hover{color:#8dc63f;} #single.section-purple .entry a, #single.section-purple .entry a:hover{color:#9b2890;} #single.section-indigo .entry a, #single.section-indigo .entry a:hover{color:#00b6b5;} #single.section-blue .entry a, #single.section-blue .entry a:hover{color:#3c9cd7;} #single .single-cta { display: block; position: fixed; top: 250px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } #single .single-cta .inside{background: #f67f01; overflow:hidden; padding:20px;} #single .single-cta .inside p.cta-title{font-family: 'Bree Serif', serif; padding:2px 0; color: #000; font-size: 1.05em;} #single .single-cta .inside p{ padding:2px 0; color: #fff; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; } #single .single-cta .inside a {display:block; float:left; margin-top: 10px; font-size: 0.8em; padding: 0.4em 0.8em 0.3em; background-color: #000; color: #fff; border-radius: 5px;} #single .single-cta .inside a:hover { text-decoration: none !important; color: #fff; } #single .single-cta .fold{ background:url(images/fold.gif) no-repeat top left; bottom:-10px; height:9px; position:absolute; left:-1px; width:10px; filter: inherit; } #single .mobile-cta { display: none; } #single .mobile-cta .inside{ background: #f67f01; overflow:hidden; padding:20px; } #single .mobile-cta .inside p.cta-title{font-family: 'Bree Serif', serif; padding:2px 0; color: #000; font-size: 1.05em;} #single .mobile-cta .inside p{ padding:2px 0; color: #fff; font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; } #single .mobile-cta .inside a{ display:block; float:left; margin-top: 10px; font-size: 0.8em; padding: 0.4em 0.8em 0.3em; background-color: #000; color: #fff; border-radius: 5px; text-decoration: none; } #single .mobile-cta .inside a:hover{ text-decoration: none !important; color: #fff; } /* polls */ #single .wp-polls{border-style:solid none; border-color:#d2d2d2; border-width:1px; font-family:Arial, Helvetica, sans-serif; margin:10px 0; padding:15px 0 0 0;} #single .wp-polls p{text-align:left !important;} #single .wp-polls ul{margin:0 0 0 3px;} #single .wp-polls ul li{padding-bottom:.8em;} #single .wp-polls .Buttons{background-color:#333; border:none; border-radius:5px; color:#fff; font:bold .8em Arial, Helvetica, sans-serif; overflow:visible; padding:7px;} #single .wp-polls .wp-polls-ans ul{border-bottom:1px dotted #d2d2d2; margin-bottom:10px;} #single .wp-polls .wp-polls-ans li{padding:0 0 1em 20px;} #single .wp-polls .wp-polls-ans li strong i{font-weight:normal; font-style:normal;} #single .wp-polls .wp-polls-ans li small{color:#999; font-size:.8em;} #single .wp-polls .wp-polls-ans li .pollbar{background:#CCC; border:0; height:15px;} #single .wp-polls .wp-polls-ans li .arrow{margin-left:-20px;} #single .wp-polls .wp-polls-ans p{color:#333 !important; font-weight:bold; padding-bottom:10px;} #single .wp-polls .pollCta{color:#999 !important; font-size:.8em; float:right; margin-top:2px;} #single.section-red .wp-polls p, #single.section-red .wp-polls .wp-polls-ans li .arrow{color:#ff1919;} #single.section-green .wp-polls p, #single.section-green .wp-polls .wp-polls-ans li .arrow{color:#8dc63f;} #single.section-purple .wp-polls p, #single.section-purple .wp-polls .wp-polls-ans li .arrow{color:#9b2890;} #single.section-indigo .wp-polls p, #single.section-indigo .wp-polls .wp-polls-ans li .arrow{color:#00b6b5;} #single.section-blue .wp-polls p, #single.section-blue .wp-polls .wp-polls-ans li .arrow{color:#3c9cd7;} #single.section-orange .wp-polls p, #single.section-orange .wp-polls .wp-polls-ans li .arrow{color:#f67e1d;} #single.section-red .wp-polls .Buttons, #single.section-red .wp-polls .wp-polls-ans .voted .pollbar{background-color:#ff1919;} #single.section-green .wp-polls .Buttons, #single.section-green .wp-polls .wp-polls-ans .voted .pollbar{background-color:#8dc63f;} #single.section-purple .wp-polls .Buttons, #single.section-purple .wp-polls .wp-polls-ans .voted .pollbar{background-color:#9b2890;} #single.section-indigo .wp-polls .Buttons, #single.section-indigo .wp-polls .wp-polls-ans .voted .pollbar{background-color:#00b6b5;} #single.section-blue .wp-polls .Buttons, #single.section-blue .wp-polls .wp-polls-ans .voted .pollbar{background-color:#3c9cd7;} #single.section-orange .wp-polls .Buttons, #single.section-orange .wp-polls .wp-polls-ans .voted .pollbar{background-color:#f67e1d;} /* related posts */ #relatedPosts .col4-set{background:url(images/bg/relatedPosts.gif) repeat-y center; margin:0 -15px;} #relatedPosts .col4-set .col-1, #relatedPosts .col4-set .col-2, #relatedPosts .col4-set .col-3, #relatedPosts .col4-set .col-4{width:165px;} #relatedPosts .col4-set .inside{padding:0 15px;} #relatedPosts .col4-set .inside .postedBy, #relatedPosts .col4-set .inside .postedBy a{color:#999;} /* navigation */ #navigation .inside{background:url(images/bg/vertical.gif) repeat-y center; overflow:hidden;} #navigation .next, #navigation .previous{overflow:hidden; width:48%;} #navigation .previous{float:left; text-align:left;} #navigation .next{float:right; text-align:right;} #navigation .next .colorized, #navigation .previous .colorized{font-size:0.8em;} #navigation .icon{background:url(images/bg/navigation.gif) no-repeat top left; display:inline-block; font-size:0; height:65px; width:35px; text-indent:-999px;} #navigation .previous .icon{background-position:top left; float:left;} #navigation .previous:hover .icon{background-position:top right;} #navigation .next .icon{background-position:bottom left; float:right;} #navigation .next:hover .icon{background-position:bottom right;} #navigation .colorized{font-size:0.8em; font-weight:bold;} #navigation .postTitle{color:#333; font:bold 1em 'Bree Serif', serif; line-height:1.4em;} #navigation .next:hover .postTitle, #navigation .previous:hover .postTitle{text-decoration:underline;} /* pagination */ #pagination{color:#999; font:bold 1em Arial, Helvetica, sans-serif; padding:20px 10px; position:relative; text-align:center;} #pagination a{color:#999;} #pagination .pages{display:none;} #pagination .page, #pagination .current{padding:0 5px;} #pagination .current, #pagination a:hover{color:#000;} #pagination .previouspostslink, #pagination .nextpostslink{position:absolute;} #pagination .previouspostslink{left:10px;} #pagination .nextpostslink{right:10px;} /* comment tabs */ #tabs-comments{border:0; margin:0; padding:0;} #tabs-comments .tab_titles{border:0; float:right; padding-bottom:5px;} #tabs-comments .tab_titles li{border:0; margin:0; padding:0;} #tabs-comments .tab_titles li a{background:#999; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; color:#fff; font:bold .8em Arial, Helvetica, sans-serif; margin-left:10px; padding:3px 5px; text-transform:none;} #tabs-comments .tab_titles li.ui-state-active a{background-color:#333;} #tabs-comments .tab{border:0; padding:0; top:0;} /* comment list */ #comments #comments-title{background:url(images/bg/horizontal.gif) repeat-x 0 18px; font:bold 0.8em Arial, Helvetica, sans-serif;} #comments #comments-title span{background:url(images/bg/comment.gif) no-repeat left top; color:#fff; display:inline-block; ; padding:3px 5px 10px 5px;} #comments .commentlist{font:normal .8em Arial, Helvetica, sans-serif;} #comments .commentlist .comment{border-top:1px dotted #d2d2d2; padding-top:10px; margin-top:10px;} #comments .commentlist .first{border-top:0; margin:0;} #comments .commentlist .comment .comment-meta{font-weight:bold; color:#999;} #comments .commentlist .comment .comment-meta strong, #comments .commentlist .comment .comment-meta strong a{color:#333;} #comments .commentlist .comment .comment-meta .reply{float:right;} #comments .commentlist .comment .comment-meta a{color:#999;} #comments .commentlist .comment .children{margin-left:50px;} #comments .commentlist .comment .children .comment{color:#999;} /* comment form */ #reply-title{font:bold 0.8em Arial, Helvetica, sans-serif;} #reply-title span{background:url(images/bg/commentTitle.gif) no-repeat left top; color:#fff; display:inline-block; ; padding:3px 5px 10px 5px;} #commentform{padding:10px 0;} #commentform .comment-top{overflow:hidden;} #commentform .comment-top .inputBlock{float:left; margin-left:2%; width:32%;} #commentform .comment-top .first{margin-left:0;} #commentform .comment-top .last{float:right; margin-left:0;} #commentform .inputBlock{padding-bottom:10px;} #commentform .inputBlock p{background:#fff; border:1px solid #d2d2d2; margin:0; padding:3px 8px 5px 8px;} #commentform .inputBlock input, #commentform .inputBlock textarea{border:0; margin:0; padding:0; width:100%;} #commentform .comment-form-comment textarea{height:75px; margin:3px 0;} #commentform .form-submit{padding-bottom:0; text-align:right;} #comments #respond{border-top:1px dotted #d2d2d2; font-size:1.25em; padding-top:10px; margin-top:10px;} #comments #respond #reply-title span{vertical-align:top;} #comments #respond #reply-title small{display:inline-block; margin-top:3px; vertical-align:top;} #respond{position:relative;} #respond #alt-login-methods{position:absolute; right:0; top:0;} /* bloggers */ #bloggers h1{font-family:'Bree Serif', serif; padding:10px 0;} #bloggers .entry{color:#999; margin-bottom:-13px;} #bloggers .blogger{overflow:hidden;} #bloggers .blogger .image{float:left; position:relative; width:190px;} #bloggers .blogger .image .specialTitle{position:absolute; top:0; left:0;} #bloggers .blogger .details{float:right; font-size:0.867em; width:415px;} #bloggers .blogger .details .jobTitle{color:#999; font:normal 1em Arial, Helvetica, sans-serif;} #bloggers .blogger .details .entry{color:#333; margin-bottom:0; padding:10px 0;} #bloggers .blogger .details .author-meta{color:#999; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #bloggers .blogger .details .author-meta a{color:#999; font-size:1em;} #bloggers .blogger .details .author-meta a.cta{color:#333;} /* blogger */ #blogger{overflow:hidden;} #blogger h1{font-family:'Bree Serif', serif; padding:10px 0 0 0;} #blogger .jobTitle{color:#999; font:normal 1.385em Arial, Helvetica, sans-serif;} #blogger .image{float:left; padding-bottom:20px; position:relative; width:190px;} #blogger .image .specialTitle{position:absolute; top:0; left:0;} #blogger .details{float:right; padding-bottom:20px; width:415px;} #blogger .details h2 a{font-family:Arial, Helvetica, sans-serif;} #blogger .details .entry{color:#333; line-height:1.5em; margin-bottom:0; padding:0 0 10px 0;} #blogger .details .author-meta{color:#999; font-size:.8em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #blogger .details .author-meta a{background-position:left center; background-repeat:no-repeat; color:#999; font-size:1em; padding:5px 15px 5px 25px;} #blogger .details .author-meta .twitter{background-image:url(images/icons/twitter.gif);} #blogger .details .author-meta .linkedin{background-image:url(images/icons/linkedin.gif);} #blogger h3{font-family:Arial, Helvetica, sans-serif; padding:6px 0;} /* events */ #events .eventName{font:bold .8em Arial, Helvetica, sans-serif;} /* CONTENT RIGHT / SIDEBAR ========================================================================================================*/ #contentRight{float:right; width:322px;} #sidebar h3{font-size:1em;} #sidebar > li{list-style-type:none;} #sidebar .widget ul{margin-top:5px;} #sidebar .widget ul li{border-top:1px dotted #d2d2d2; color:#999; font-size:1.067em; overflow:hidden; padding:5px 2px;} #sidebar .widget .sectionTitle span{background-color:#333333;} /* adspace */ #sidebar .adspace-widget .box{padding:1px;} .widget_nvi_random_ad .box{padding:1px;} .widget_nvi_random_ad .sectionTitle{display:none;} .widget_nvi_random_ad p{padding:0;} .fullwidth-ad {display:block;} .responsive-ad {display:none;} /* tags */ #sidebar .widget_nvi_posts_by_tags ul li{font-size:1em;} #sidebar .widget_nvi_posts_by_tags .title{color:#333; font:bold 1em 'Bree Serif', serif; margin-bottom:0.5em;} #sidebar .widget_nvi_posts_by_tags .title a{font:bold 1em 'Bree Serif', serif;} #sidebar .widget_nvi_posts_by_tags .categoryTitle{font-size:.8em; padding-bottom:0;} #sidebar .widget_nvi_posts_by_tags .categoryTitle a{font-family:Arial, Helvetica, sans-serif;} #sidebar .widget_nvi_posts_by_tags .postedBy, #sidebar .widget_nvi_posts_by_tags .postedBy a{color:#999; } #sidebar .widget_nvi_posts_by_tags .postedBy a{font:bold 1em Arial, Helvetica, sans-serif;} #sidebar .widget_nvi_posts_by_tags ul li { padding-left:100px; } #sidebar .widget_nvi_posts_by_tags .image{float:left; margin-left:-100px;} /* twitter */ #sidebar .widget_woo_twitter .box{background:#FFF url(images/bg/twitterWidget.gif) no-repeat top right;} #sidebar .widget_woo_twitter ul li{font-size:1em;} #sidebar .widget_woo_twitter ul li .content a, #sidebar .widget_woo_twitter ul li .content a:hover{color:#f47e1f; font-family:Georgia, "Times New Roman", Times, serif;} #sidebar .widget_woo_twitter ul li .time{color:#333; font-weight:bold; display:block;} #sidebar .widget_woo_twitter p{border-top:1px dotted #d2d2d2; color:#999; font:bold .8em Arial, Helvetica, sans-serif; padding:10px 0 5px 0; text-align:right;} #sidebar .widget_woo_twitter p a{color:#999; font:bold 1em Arial, Helvetica, sans-serif;} /* twitter listing */ #sidebar .widget_tweetblender{position:relative;} #sidebar .widget_tweetblender .sectionTitle{margin-bottom:15px;} #sidebar .widget_tweetblender .sectionTitle span{background-color:#3c9cd7;} #sidebar .widget_tweetblender .tb_header{height:auto;} #sidebar .widget_tweetblender .tb_header .tb_twitterlogo{display:none;} #sidebar .widget_tweetblender .tb_header .tb_tools{position:absolute; right:0; top:5px;} #sidebar .widget_tweetblender .tb_header .tb_infolink{display:none !important;} #sidebar .widget_tweetblender .tb_msg{background:none; border:none; min-height:0; padding:5px; text-align:center;} #sidebar .widget_tweetblender .tb_tweetlist{max-height:380px; overflow-y:auto;} #sidebar .widget_tweetblender .tb_tweet{color:#999; font-size:0.867em; padding:10px 0 10px 58px;} #sidebar .widget_tweetblender .tb_tweet a{color:#3c9cd7;} #sidebar .widget_tweetblender .tb_tweet .tb_author{display:none;} #sidebar .widget_tweetblender .tb_tweet .tb_photo{margin-left:-58px;} #sidebar .widget_tweetblender .tb_tweet .tb_photo img{border:0; padding:0;} #sidebar .widget_tweetblender .tb_tweet .tb_tweet-info{display:none;} /* authors */ #sidebar .widget_author_list .sectionTitle{border-bottom:1px dotted #d2d2d2; margin-bottom:5px; padding-bottom:5px;} #sidebar .widget_author_list .sectionTitle span{background-color:#8dc63f;} #sidebar .widget_author_list ul{margin:5px 0 0 -4px; overflow:hidden;} #sidebar .widget_author_list .author{border:none; float:left; height:72px; margin:0 0 4px 4px; padding:0; width:72px;} /* categories / taxonomies */ #sidebar .widget_categories h3{position:relative;} #sidebar .widget_categories h3 span{position:static;} #sidebar .widget_categories h3 .seeAll{color:#000; position:absolute; top:2px; right:0;} #sidebar .widget_categories h3 .seeAll a{border-bottom:1px solid #ccc; color:#000 !important; font:1em Arial, Helvetica, sans-serif;} #sidebar .widget_categories h3 .seeAll a:hover{border-bottom-color:#333;} #sidebar .widget_categories ul li, #sidebar .widget_taxonomy ul li{font:bold 1.067em Arial, Helvetica, sans-serif; text-align:right;} #sidebar .widget_categories ul li a, #sidebar .widget_taxonomy ul li a{color:#f47e1f; font-family:Arial, Helvetica, sans-serif; float:left; font-size:1em;} #sidebar .widget_categories ul li a:hover, #sidebar .widget_taxonomy ul li a:hover{color:#f47e1f;} /* polls */ #sidebar .widget_polls-widget{margin-bottom:-10px; position:relative;} #sidebar .widget_polls-widget .sectionTitle span{background-color:#9b2890 !important;} #sidebar .widget_polls-widget p{color:#999; font-size:0.867em; text-align:left !important; font color:#999;} #sidebar .widget_polls-widget p strong{font-weight:normal;} #sidebar .widget_polls-widget .wp-polls{padding-top:10px; position:relative;} #sidebar .widget_polls-widget .Buttons{background-color:#333333; border:none; color:#FFF; cursor:pointer; font-size:0.923em; padding:5px 0;} #sidebar .widget_polls-widget .wp-polls-ul{font-size:0.867em; margin:0 0 20px 10px;} #sidebar .widget_polls-widget .wp-polls-ul li{border:none; overflow:hidden; padding:2px 0;} #sidebar .widget_polls-widget .wp-polls-ul li input{float:left; margin:3px 7px 0 3px;} #sidebar .widget_polls-widget .wp-polls-ul li label{float:left; width:250px;} #sidebar .widget_polls-widget .pollbar{background:#9b2890; border:none;} #sidebar .widget_polls-widget .wp-polls-loading{position:absolute; text-align:center; top:50%; width:100%; zoom:1;} #sidebar .widget_polls-widget .pollCta{color:#999 !important; font-size:.8em; float:right; margin-top:2px;} /* FOOTER ========================================================================================================*/ #footer{margin:0 auto; padding:25px 10px; position:relative; max-width:980px;} #footer-widgets{overflow:hidden;} #footer-widgets .block{color:#999; font-size:.8em; float:left; margin-right:10px; width:155px;} #footer-widgets .block h3{font:bold 1.25em Arial, Helvetica, sans-serif; padding-bottom:10px;} #footer-widgets .block h3, #footer-widgets .block h3 a{color:#fff;} #footer-widgets .block a{border:none; color:#999; font-weight:bold;} #footer-widgets .block h3 .seeAll{display:none;} /* subscribe / connect */ #footer-widgets .widget_woo_subscribe .social a{display:block; margin-bottom:15px;} #footer-widgets .widget_woo_subscribe .social a img{vertical-align:middle; margin-right:10px;} #copyright{position:absolute; right:0; text-align:right; top:25px; width:200px;} /*-------------------------------------------------------------------------------------------*/ /* 3. MISC */ /*-------------------------------------------------------------------------------------------*/ /* col-2 set */ .col2-set{overflow:hidden;} .col2-set .col-1, .col2-set .col-2{float:left; width:322px;} .col2-set .col-1{margin-right:8px;} /* col-3 set */ .col3-set{overflow:hidden;} .col3-set .col-1, .col3-set .col-2, .col3-set .col-3{float:left; max-width:322px;} .col3-set .col-1, .col3-set .col-2{margin-right:8px;} .col3-set .col-3{float:right;} /* col-4set */ .col4-set{overflow:hidden;} .col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4{float:left; width:25%;} /* cta */ .cta{color:#333; font:bold 0.8em Arial, Helvetica, sans-serif; padding:0 4px 0 0;} .cta:hover{color:#333;} /* box */ .box{background:#fff; border:1px solid #d2d2d2; margin-bottom:8px; padding:10px;} .box.full{padding:1px;} /* section */ .categoryTitle{color:#333333; font:bold 0.8em Arial, Helvetica, sans-serif; padding:4px 0;} .categoryTitle a{color:#333333; font-size:1em;} .section-black .categoryTitle, .section-black .categoryTitle a, .section-black .colorized{color:#333;} .section-red .categoryTitle, .section-red .categoryTitle a, .section-red .colorized{color:#ff1919;} .section-green .categoryTitle, .section-green .categoryTitle a, .section-green .colorized{color:#8dc63f;} .section-purple .categoryTitle, .section-purple .categoryTitle a, .section-purple .colorized{color:#9b2890;} .section-indigo .categoryTitle, .section-indigo .categoryTitle a, .section-indigo .colorized{color:#00b6b5;} .section-blue .categoryTitle, .section-blue .categoryTitle a, .section-blue .colorized{color:#3c9cd7;} .section-orange .categoryTitle, .section-orange .categoryTitle a, .section-orange .colorized{color:#f67e1d;} .sectionTitle span{background-color:#333; color:#fff; display:inline-block; font:bold 0.8em Arial, Helvetica, sans-serif; padding:3px 4px; position:relative; vertical-align:top; z-index:5; zoom:1;} .sectionTitle a{color:#FFFFFF !important;} .sectionTitle ul, .sectionTitle li{display:inline;} .section-red .sectionTitle span{background-color:#ff1919 !important;} .section-green .sectionTitle span{background-color:#8dc63f !important;} .section-purple .sectionTitle span{background-color:#9b2890 !important;} .section-indigo .sectionTitle span{background-color:#00b6b5 !important;} .section-blue .sectionTitle span{background-color:#3c9cd7 !important;} .section-black .sectionTitle span{background-color:#333 !important;} .section-orange .sectionTitle span{background-color:#f67e1d !important;} /* clear, align and floats */ .clear{clear:both;} .floatLeft{float:left;} .floatRight{float:right;} .middle{margin:0 auto; text-align:center;} .alignRight{text-align:right;} .bottom{vertical-align:bottom;} /* error */ .error{border:1px solid #f00 !important;} .important{color:#F00;} /* displays */ .none{display:none;} .inline{display:inline;} .block{display:block;} /*-------------------------------------------------------------------------------------------*/ /* 4. RESPONSIVE */ /*-------------------------------------------------------------------------------------------*/ @media screen and (max-width:1000px) { /* home */ #sliderContainer .slides .slides_control{width:100% !important;} /*#sliderContainer .slides .slide{max-width:630px; width:100%;}*/ #sliderContainer .slides .slide .sectionTitle{display:none;} #sliderContainer .slides .slide .details{float:left; left:0; margin-top:0; position:relative; width:35%;} #sliderContainer .slides .slide .image{float:right; position:relative; right:0; width:60%;} #sliderContainer .slides .slide .image img{height:auto; max-width:314px; width:100%;} #sliderContainer .pagination .page{height:55px; width:85px;} #sliderContainer .pagination .page a{height:auto; width:100%;} #sliderContainer .pagination .page img{height:auto; width:100%;} /* content */ #contentLeft{width:66%;} #contentLeft .featured{max-width:630px; overflow:hidden; width:100%;} #contentLeft .featured .details{width:50%;} #contentLeft .featured .image{width:50%;} #contentLeft .gridLayout .item{margin-left:1%; width:49%;} #contentLeft .gridLayout .item .box .image img{max-height:168px;} #contentLeft .twoColumnsLayout{margin-left:-2%;} #contentLeft .twoColumnsLayout .post{margin-left:2%; width:48%;} #industry .intro .col2-set .col-1, #industry .intro .col2-set .col-2{margin-right:1%; width:49%;} #panam .intro .col2-set .col-1, #panam .intro .col2-set .col-2{margin-right:1%; width:49%;} #single .share{float:none; position:relative !important; top:auto !important; width:100%;} #single .mobile-cta {display: block !important;} #single .single-cta {display: none;} #single .entry{float:none; width:100%;} #contentRight{width:32%;} /* classes */ .post .image img{height:auto; width:100%;} .col3-set .col-1, .col3-set .col-2{margin-right:2%;} .col3-set .col-1, .col3-set .col-2, .col3-set .col-3{width:32%;} .box .ad img{height:auto; width:100%;} } @media screen and (max-width:985px) { /* content */ #bloggers .blogger .image{float:none; min-height:30px;} #bloggers .blogger .details{float:none; width:100%;} #contentLeft .archiveLayout .post .image{float:none; min-height:30px;} #contentLeft .archiveLayout .post .details{float:none; width:100%;} } @media screen and (max-width:894px) { /* home */ #sliderContainer .pagination .page{height:55px; width:75px;} /*content */ #industry .author{padding-left:0;} #industry .author .image{float:none; margin-left:0;} /*content */ #panam .author{padding-left:0;} #panam .author .image{float:none; margin-left:0;} } @media screen and (max-width:879px) { /* footer */ #footer .footer-widget-4{display:none;} #footer #copyright{right:10px;} } @media screen and (max-width:894px) { #sliderContainer .pagination .page{height:42px; width:65px;} } @media screen and (max-width:992px) { /* header */ #header .clear{margin-top:22px;} #search{margin-top:0;} #pull{display:block;} #menu{clear:both; display:none; float:none; width:100%;} #menu > ul{text-transform:uppercase; overflow:hidden;} #menu ul ul {text-transform:none;} #menu > ul > li{ display:block;} #menu > ul li.has-children{padding-bottom:0;} #menu > ul li.has-children > a{background:none;} #menu .sub-menu{border:none; display:block !important; font-size:1em; left:auto; padding:15px 0 0 10px; position:relative; top:auto;} #menu .sub-menu li{padding-bottom:16px; white-space:normal;} #menu > ul > li.last{padding-bottom:0;} } @media screen and (max-width:785px) { /* sidebar */ #sidebar .widget_categories ul li, #sidebar .widget_taxonomy ul li{font:bold 1em Arial, Helvetica, sans-serif;} #sidebar .widget_categories ul li a, #sidebar .widget_taxonomy ul li a{font-size:.8em;} #relatedPosts .col4-set {background:transparent;} #relatedPosts .col4-set .col-1, #relatedPosts .col4-set .col-2, #relatedPosts .col4-set .col-3, #relatedPosts .col4-set .col-4{width:125px;} #relatedPosts .col4-set .inside{padding:0 5px; overflow:hidden;} #relatedPosts .col4-set img { width: 100%; height: auto; } @media screen and (max-width:743px) { /* header */ #logo{max-width:279px;} #logo a img{content:url(images/logoMobile.png);} /* home */ #home #contentRight #newsletter{float:right; width:49%;} #home #contentRight #eventHomeBox{float:left; height:auto; margin-right:1%; width:46%;} /* content */ #contentLeft{float:none; width:100%;} #contentRight{float:none; width:100%;} #single .entry .author{display:none;} } @media screen and (max-width:739px) { /* footer */ #footer .footer-widget-3{display:none;} } @media screen and (max-width:670px) { /* home */ #home #contentRight #eventHomeBox{width:44%;} /* classes */ .col3-set .col-1{float:none; margin-right:0%; max-width:none; width:100%;} .col3-set .col-2, .col3-set .col-3{max-width:none; width:49%;} } @media screen and (max-width:570px) { /* header */ #logo{max-width:200px;} /* home */ #sliderContainer .slides .slide .details{float:none; width:96%;} #sliderContainer .slides .slide .image{float:none;} /* footer */ #footer .footer-widget-2{display:none;} } @media screen and (max-width:530px) { /* home */ #sliderContainer .slides .slide .details{left:auto;} #sliderContainer .slides .slide .image{right:auto; width:100%;} /* content */ #contentLeft .featured{height:auto;} #contentLeft .featured .details{margin-top:10px; position:relative; width:100%;} #contentLeft .featured .image{position:relative; width:100%;} #contentLeft .gridLayout .item .box .image img{max-height:130px;} /* sidebar */ #topicsBox ul li{font:bold 1em Arial, Helvetica, sans-serif;} #topicsBox ul li a{font-size:.8em;} #sidebar .widget_nvi_posts_by_tags{display:none;} #relatedPosts .col4-set .col-1, #relatedPosts .col4-set .col-2, #relatedPosts .col4-set .col-3, #relatedPosts .col4-set .col-4{float:none;width:auto;} #relatedPosts .inside{padding-left: 100px; margin-bottom:10px;} #relatedPosts .image{float: left; margin:0 10px 20px 0; width:85px;} #relatedPosts h4{margin-bottom: 0.5em;} #relatedPosts .metadata{padding:0;} #relatedPosts .section {display:none;} .fullwidth-ad {display:none;} .responsive-ad {display:block;} } @media screen and (max-width:496px) { /* home */ #sliderContainer {height:auto;} #sliderContainer .slides{min-height:410px;} #sliderContainer .slides .slide{min-height:410px;} #sliderContainer .pagination .page{height:auto; width:75px;} #sliderContainer .pagination .page a{background:#fff;} #sliderContainer .pagination .page h2{font-size:0.9em;font-family:'Bree Serif', serif;word-break:break-word;} } @media screen and (max-width:485px) { /* header */ #quick ul li{display:block;} #quick ul li a, #quick ul li span{border-right:none;} #social{display:none;} } @media screen and (max-width:480px) { /* content */ #contentLeft .twoColumnsLayout{margin-left:0;} #contentLeft .twoColumnsLayout .post{margin-left:0; width:100%;} } @media screen and (max-width:460px) { /* home */ #home #contentRight #newsletter{float:none; width:99%;} #home #contentRight #eventHomeBox{float:none; margin-right:0; width:94%;} #featuredBox .categoryTitle{display:none;} #eventHomeBox{height:auto;} /* content */ #contentLeft .gridLayout .item .box .image img{max-height:107px;} /* posts */ #single #navigation{display:none;} .single #contentRight .widget_nvi_posts_by_tags .categoryTitle{display:none;} /* classes */ .first .image img{max-width:300px;} .col3-set .col-2, .col3-set .col-3{float:none; width:100%;} } @media screen and (max-width:400px) { /* content */ #contentLeft .gridLayout .item{float:none; width:100%;} #contentLeft .gridLayout .item .box{height:275px;} /* footer */ #footer .footer-widget-1{width:125px;} #footer .footer-widget-5{width:100px;} } @media screen and (max-width:385px) { /* home */ #sliderContainer .slides .slide{background:#FFF;} .dtop #sliderContainer .navigationWrapper{display:none;} } @media screen and (max-width:359px) { /* footer */ #footer{padding-bottom:0;} #copyright{position:relative; width:auto;} }