... to
*/ .textSpecial { margin: 36px 40px !important; background: #f6f6f6; padding: 15px; border-left: 4px solid #7E9252; } /* i don't use italics on this but DO on blockquotes ... perhaps change the blockquotes */ .post-content blockquote p { font-style: normal; } /* all pages: modal boxes - hide the emptytag ------------------------------------------------------------------------------- */ .modal-dialog.modal-lg .modal-body .fusion-column-wrapper > p:nth-child(1) { display: none; } /* all pages: custom shortcodes for csn-container and csn-column etc ------------------------------------------------------------------------------- */ .csn-column--1-6 { float: left; margin-top: 0px; margin-bottom: 20px; width: 13.333333%; margin-right: 4% } .csn-column--1-6:nth-child(6) { margin-right: 0; } .csn-center { text-align: center; } @media (min-width: 501px) and (max-width: 900px) { .csn-column--1-6 { width: 30.666666%; } .csn-column--1-6:nth-child(3) { margin-right: 0; } .csn-column--1-6:nth-child(4) { clear: left; } } @media (max-width: 500px) { .csn-column--1-6 { width: 48%; } .csn-column--1-6:nth-child(2), .csn-column--1-6:nth-child(4) { margin-right: 0; } .csn-column--1-6:nth-child(3), .csn-column--1-6:nth-child(5) { clear: left; } } /* #################################### #################################### home page #################################### #################################### */ /* hide the titlebar and breadcrumb ------------------------------------------------------------------------------- */ .page-template-csn-home .fusion-page-title-bar { display: none; } /* main section (everything between navigation and footer) ------------------------------------------------------------------------------- */ /* less top padding (less than the theme's default of 55px) */ #main { padding-top: 35px !important; } /* flex grid (used for the main grid and the "Facebook Posts" "Tweets" boxes) ------------------------------------------------------------------------------- */ /* flex-grid setup */ .csn-homepage-flex-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 30px; } .csn-homepage-flex-wrapper .csn-flex { display: block; flex: 0 1 50%; } /* flex-grid padding/spacing (I'd rather add this padding to csn-flex but IE messes things up if I do, so must create the "csn-flex-padding" div to add padding to */ .csn-homepage-flex-wrapper .csn-flex:nth-child(1) .csn-flex-padding { padding: 0 5px 5px 0; height: 100%; } .csn-homepage-flex-wrapper .csn-flex:nth-child(2) .csn-flex-padding { padding: 0 0 5px 5px; height: 100%; } .csn-homepage-flex-wrapper .csn-flex:nth-child(3) .csn-flex-padding { padding: 5px 5px 0 0; height: 100%; } .csn-homepage-flex-wrapper .csn-flex:nth-child(4) .csn-flex-padding { padding: 5px 0 0 5px; height: 100%; } /* flex-grid responsiveness (100% wide) */ @media (max-width: 800px) { .csn-homepage-flex-wrapper.csn-homepage-facebook-and-twitter-feed-wrapper .csn-flex { padding: 0 0 10px 0 !important; flex: 0 1 100%; } .csn-homepage-flex-wrapper.csn-homepage-facebook-and-twitter-feed-wrapper .csn-flex .csn-flex-padding { padding: 0 !important; } } @media (max-width: 600px) { .csn-homepage-flex-wrapper .csn-flex { padding: 0 0 10px 0 !important; flex: 0 1 100%; } .csn-homepage-flex-wrapper .csn-flex .csn-flex-padding { padding: 0 !important; } } /* homepage grid (Business Services, Loans, ...) ------------------------------------------------------------------------------- */ /* height */ .csn-homepage-flex-wrapper.csn-homepage-grid .csn-flex { height: 30vh; min-height: 400px; max-height:480px; } @media (max-width: 890px) { .csn-homepage-flex-wrapper.csn-homepage-grid .csn-flex { height: 30vh; min-height: 200px; max-height:340px; } } @media (max-width: 600px) { .csn-homepage-flex-wrapper.csn-homepage-grid .csn-flex { min-height: 300px; max-height:380px; } } /* image, text, link */ .csn-homepage-flex-wrapper .csn-flex .csn-flex-image-and-text { display:flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; } .csn-homepage-flex-wrapper .csn-flex h3 { background: rgba(0,0,0,.8); width:100%; color: white; text-align: center; padding: 10px 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 28px; align-self: flex-end; margin-bottom: 0; } .csn-homepage-grid a:hover { text-decoration: none !important; color: #fff; } /* don't show underlines when we hover over the main grid's tags */ /* "Facebook Posts", "Tweets" boxes (scrollable boxes; uses flex-grid) ------------------------------------------------------------------------------- */ /* space above */ .csn-homepage-facebook-and-twitter-feed-wrapper { margin-top: 40px; } /* "Facebook Posts by communityfuturesstuartnechako" and the header for each FB post */ .post-content .csn-homepage-facebook-feed-wrapper h4.csn-facebook-feed-header, .post-content .csn-homepage-facebook-feed-wrapper h4 { font-family: Helvetica, Roboto, "Segoe UI", Calibri, sans-serif; } .post-content .csn-homepage-facebook-feed-wrapper h4.csn-facebook-feed-header { font-size: 27px; margin-top: 10px; line-height: 1.4; border-bottom: 1px solid rgba(15,70,100,.12); padding-bottom: 9px; } .post-content .csn-homepage-facebook-feed-wrapper h4 { font-size: 18px; margin-bottom: 0; } .csn-homepage-facebook-feed-wrapper span { font-size: 12px; color: #8899A6; } /* matches Twitter size and colour */ /* make the FB div match Twitter and fix its quirks */ .csn-homepage-facebook-feed-wrapper .csn-homepage-facebook-feed { height: 743px; overflow-y: scroll; } /* height s/b the height of the twitter iframe minus 57px (for the Tweets by @CF... part and the bottom-border I guess) */ .csn-homepage-facebook-feed-wrapper .csn-homepage-facebook-feed .recent-facebook-posts { padding: 0 10px; } /* so there's padding on the left and right of the Facebook scrollbox just like there is on Twitter */ .csn-homepage-facebook-feed-wrapper .csn-homepage-facebook-feed .recent-facebook-posts p { overflow: hidden; } /* needed because otherwise IE will make long links super wide and it'll create a left-right scroll AND because IE put a top-bottom scroll on the lik buttons too */ .rfbp-post-link { height: 18px; } /* make the thumbs up / coments / x days ago line taller, because by default it was too small to show the text so the "g" in "ago" was cut off */ .csn-homepage-facebook-feed { border-bottom: 1px solid rgba(15,70,100,.12); } /* bottom-border like the Twitter box */ /* the link below each feed that goes to Facebook / Twitter */ .csn-homepage-facebook-and-twitter-feed-wrapper p.csn-find-us-on { padding: 15px; text-align: right; line-height: 1; } .csn-homepage-facebook-feed-wrapper p.csn-find-us-on { margin-top: 5px; } /* to match the mysterious 5px space below the twitter box */ /* #################################### #################################### all subpages #################################### #################################### */ /* main section (everything between navigation and footer) ------------------------------------------------------------------------------- */ /* no top padding */ body.page-template-default #main { padding-top: 0 !important; } /* hide titlebar bg and borders and hide breadcrumbs ------------------------------------------------------------------------------- */ .fusion-page-title-bar { background: none !important; border: none !important; } .fusion-page-title-bar .fusion-breadcrumbs { display: none !important; } /* fix IE glitch where the titlebar has a set height which means it can't show two lines of text ------------------------------------------------------------------------------- */ @media only screen and (max-width: 800px) { .ua-ie-11 .fusion-page-title-row { height: auto !important; } } /* featured image and body-of-page images (improves WordPress's alignright images) ------------------------------------------------------------------------------- */ .page .post-slideshow { width: 500px; float: right; margin: 0 0 30px 30px; } .page img.alignright { /* don't set initial width so we can chose that for each image while in wordpress */ margin: 0 0 30px 30px; } @media (max-width: 884px) { .page .post-slideshow { width: 400px; } .page img.alignright { width: 400px; } } @media (max-width: 750px) { .page .post-slideshow { width: 300px; } .page img.alignright { width: 300px; } } @media (max-width: 576px) { .page .post-slideshow { width: 100%; float: none; margin: 0 0 30px 0; } .page img.alignright { width: 100%; float: none; margin: 20px 0 30px 0; } } body .fusion-checklist .fusion-li-item, body ul.fusion-checklist .fusion-li-item { margin-bottom: 20px; } /* testimonials ------------------------------------------------------------------------------- */ .fusion-testimonials { margin-bottom: 20px; } /* #################################### #################################### business pages #################################### #################################### */ /* the "<
>" thingy ------------------------------------------------------------------------------- */ .csn-bottom-navigator { width: 500px; margin: 40px auto auto auto; } .csn-bottom-navigator p { text-align: center; margin-bottom: 0; width: 48%; margin: 0 auto; background: #f5f5f5; border: solid 1px #ccc; border-bottom: none; } /* the grey-bg paragraph above and below */ .csn-bottom-navigator-flex { display: flex; justify-content: space-between; flex-wrap: wrap; border: solid 1px #ccc; border-left: none; border-right: none; padding: 5px; } .csn-bottom-navigator-flex div:nth-child(1) { flex: 0 1 25%; } .csn-bottom-navigator-flex div:nth-child(2) { flex: 0 1 50%; text-align: center; } /* center-align the "1 2 3 4 5" buttons */ .csn-bottom-navigator-flex div:nth-child(3) { flex: 0 1 25%; text-align: right; } /* right-align the "Next >>" button*/ .csn-prev { display: none; } /* hide this for now because this is the button that just says "Prev" that we don't show till mobile */ .csn-bottom-navigator .csn-bottom-navigator-bottom-piece { height:8px; border-top: none; border-bottom: solid 1px #ccc; } @media (max-width: 576px) { .csn-bottom-navigator { width: 100%; } } @media (max-width: 479px) { .csn-previous { display: none; } .csn-prev { display: inline; } } /* the Business Plan section (Write a Business Plan) ------------------------------------------------------------------------------- */ p.bp-section { font-size:16px; font-weight:bold; } p.bp-icons { background-repeat:no-repeat; padding-left:36px; font-size:16px; font-weight:bold; font-style:italic; line-height:18px; margin-top:16px; margin-bottom:10px; } p.bp-icons span { color:black; font-size:18px; font-style:normal; padding-left:4px; } p.bp-icon-steps { background-image:url(/wordpress/wp-content/uploads/2018/02/icon-steps.png); color:#ff0000; margin-top:24px; } p.bp-icon-information { background-image:url(/wordpress/wp-content/uploads/2018/02/icon-information.png); color:#4f81bd; } p.bp-icon-bp-action { background-image:url(/wordpress/wp-content/uploads/2018/02/icon-bp-action.png); color:#00b04e; } a.bpDownload { display: block; width:612px; padding:10px; background:white; border:solid 1px #ccc; border-radius:5px/5px; } a.bpDownload:hover { background-color:#d8e9fa !important; border-color:#adc3da !important; cursor:pointer; } .bpDownloadLeft { float:left; width:60px; margin:0 20px 0 10px; } .bpDownloadRight { float:left; width:500px; } .bpDownloadRight p:nth-of-type(1) { font-size:20px; margin:0; } .bpDownloadRight p:nth-of-type(2) { font-size:16px; margin:0; color: #747474; } .bpDownloadRight p { margin:4px 0 0 0; } .bpDownloadRight p a { color:black; text-decoration:none; } /* about > partners page */ table.csn-partners img.imageCenter { border: solid 1px #585858; margin-bottom: 10px; } /* about > First Nations Communities page */ div.csn-first-nations-communities-page-wrapper p { margin-bottom: 8px; } /* bizshift page */ body.page-id-224 .csn-container { margin-top: 30px; } @media (min-width: 601px) and (max-width: 900px) { body.page-id-224 .csn-container { max-width: 80%; margin-left: auto; margin-right: auto; } } /* success stories page */ .fusion-person .person-desc .person-author .person-author-wrapper .person-name, .fusion-person .person-desc .person-author .person-author-wrapper .person-title { font-family: "Open Sans" !important; font-size: 16px !important; } .fusion-person .person-desc .person-author .person-author-wrapper .person-title { color: #747474; } a.fusion-social-network-icon:hover { text-decoration: none !important; } /* success story page */ /* video container on success story page */ .csn-youtube-video-container { float: left; width: 764px; height: 430px; margin-top: 20px; } @media (max-width: 840px) { .csn-youtube-video-container { width: 100%; height: calc( (100vw - 60px) * .54 ); } /* leave the - 60px as it makes up for the fact that the #main div has 60px of total left/right padding */ } /* #################################### #################################### search results page #################################### #################################### */ /* less space between "Search results for" and the search box */ .search-results #wrapper #main { padding-top: 10px !important; } /* hide "Need a new search?" and "If you didn't find what you're looking for..." */ .search-results #wrapper #main .search-page-search-form-top h2, .search-results #wrapper #main .search-page-search-form-top p { display: none; } /* enlarge the search box and text in the search box */ .search-results #wrapper #main .search-page-search-form-top input { height: 49px; } .search-results #wrapper #main .search-page-search-form-top .searchform .search-table .search-button input[type="submit"] { height: 49px; width: 49px; line-height: 29px; } .search-results #wrapper #main .search-page-search-form-top input { font-size: 20px; } /* tighten up spacing between the search box at the top and the search results below it */ .search-page-search-form-top { padding-bottom: 0; margin-bottom: 30px; border-bottom: none; } /* sans-serif fonts for page titles */ .search-results #wrapper #main .post-content h2 { font-family: "Open Sans"; } /* this is each page title*/ /* bigger fonts for page titles */ .search-results #wrapper #main .fusion-post-content > h2.fusion-post-title { font-size: 24px; } /* less space between title and excerpt */ .search-results #wrapper #main .fusion-blog-layout-medium .entry-title { margin-bottom: 8px; } /* hide the "author line" */ .search-results #wrapper #main .fusion-meta-info { display: none; } /* light grey line between each result, and even spacing between lines and results*/ .search-results #wrapper #main .post { margin-bottom: 16px; border-bottom: 1px solid #EDEDED; } .search-results #wrapper #main .post-content p { margin-bottom: 16px; } /* enlarge the pagination buttons (the [1] [2] buttons) */ .search-results #wrapper #main .pagination .current, .search-results #wrapper #main .pagination a.inactive { padding: 8px 14px; } /* enlarge the pagination text (< Previous and Next >) */ .search-results #wrapper #main .page-links, .search-results #wrapper #main .pagination, .search-results #wrapper #main .pagination .pagination-next, .search-results #wrapper #main .pagination .pagination-prev { font-size: 16px; } /* #################################### #################################### 404 page AND search results page when there are "no results found" #################################### #################################### */ /* reduce top padding */ .error404 #main { padding-top: 0 !important; margin-top: 18px; } .search-no-results #main { padding-top: 0 !important; } /* hide the main page title, because otherwise there's a double-title which is really cluttered */ .error404 .fusion-page-title-bar { display: none; } /* hide the double lines that show after "The page could not be found" */ #post-404page .title-sep-container, .search-no-results .title-sep-container { display: none; } /* increase font size of "The page could not be found" */ #wrapper #main #post-404page .title-heading-left { font-size: 34px; } /* decrease space underneath instructions (like "...use the links below) */ #post-404page .csn-404-instructions, .search-no-results .csn-404-instructions { margin-bottom: 8px; } #wrapper #main #post-404page .error-menu ul, .search-no-results .error-menu ul { margin-top: 0; } /* enlarge the search box and text in the search box */ #post-404page .search-page-search-form input, .search-no-results .search-page-search-form input { height: 49px !important; } #post-404page .search-page-search-form .searchform .search-table .search-button input[type="submit"], .search-no-results .search-page-search-form .searchform .search-table .search-button input[type="submit"] { height: 49px; width: 49px; line-height: 29px; } #post-404page .search-page-search-form input, .search-no-results .search-page-search-form input { font-size: 20px; } /* keep search box from becoming too wideenlarge the search box and text in the search box */ .search-no-results .title-heading-left { font-style: italic; } /* increase space under the search box */ #post-404page .search-page-search-form, .search-no-results .search-page-search-form { margin-bottom: 30px; }