/* * Theme Name: PlantHaven * Theme URI: http://www.masarjohnston.com/ * Description: Custom WordPress theme developed for PlantHaven. * Author: MJAD * Author URI: http://masarjohnston.com * Template: Divi * Version: 4.0 */ /* * CHANGELOG * rev 20200204, MJAD - updt internal css linked images * rev 20200212, MJAD - added new growers subnav * rev 20240207, MJAD - updated WOFF links, added font-display:swap; */ /* Pages fade in with footer jQuery */ body { display:none; } /* Removes vertical DIVI Sidebar rule */ #main-content .container:before { background: none; } /* EMBEDDED WEBFONTS */ @font-face { font-family:'Gotham Bold'; src: url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-bold.eot'); src: url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-bold.eot?#iefix') format('embedded-opentype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-bold.ttf') format('truetype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-bold.svg#gothambold') format('svg'); font-weight:bold; font-style:normal; font-display:swap; } @font-face { font-family:'Gotham'; src: url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book-italic.eot'); src: url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book-italic.eot?#iefix') format('embedded-opentype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book-italic.ttf') format('truetype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book-italic.svg#gothambookitalic') format('svg'); font-weight:normal; font-style:italic; font-display:swap; } @font-face { font-family:'Gotham'; src: url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book.eot'); src: url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book.eot?#iefix') format('embedded-opentype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book.ttf') format('truetype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/gotham-book.svg#gothambook') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } @font-face { font-family:'ETmodules'; src:url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/ETmodules_v2.eot'); src:url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/ETmodules_v2.eot?#iefix') format('embedded-opentype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/ETmodules_v2.ttf') format('truetype'), url('https://planthaven.com/wp-content/themes/planthaven_v4/fonts/ETmodules_v2.svg#ETmodules') format('svg'); font-weight:normal; font-style:normal; font-display:swap; } /* COLOR PALETTE */ a { text-decoration:none; highlight:none; outline:none; color:#9abc6f; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; cursor:pointer; } a:hover { color:#000000; } .PHIwht, .wht { color:#ffffff; } .wht_bg { background-color:#ffffff; } .PHItan, .tan { color:#ebe8de; } .tan_bg { background-color:#ebe8de; } .PHIgrn, .grn { color:#9abc6f; } .grn_bg { background-color:#9abc6f; } .PHIdrkgrn, .drkgrn { color:#365b22; } .drkgrn_bg { background-color:#365b22; } .PHIbrn, .brn { color:#766e55; } .brn_bg { background-color:#766e55; } .PHIorg, .org { color:#db7c00; } .org_bg { background-color:#db7c00; } .PHIred, .red { color:#97335f; } .red_bg { background-color:#97335f; } .PHIgry, .gry { color:#666666; } .gry_bg { background-color:#666666; } .PHIblk, .blk { color:#000000; } .blk_bg { background-color:#000000; } h1, h2, h3, h4 { font-weight:bold; font-family:'Gotham', Helvetica, Arial, sans-serif; } /* ALIGNMENT */ .ctr, .center, .aligncenter { float:none; margin-left:auto !important; margin-right:auto !important; text-align:center !important; } .alignleft { display:inline; float:left; margin-right:1.5em; } .alignright { display:inline; float:right; margin-left:1.5em; } .img-left { margin:0 33px 0 0 !important; float:left; } .img-right { margin:0 0 0 33px !important; float:right; } /* Forms */ input { -webkit-appearance: none; } input[type=checkbox] { -webkit-appearance: checkbox; } input[type=radio] { -webkit-appearance: radio; } input[type=text], input.text, input.title, textarea, select { margin: 0; } textarea { padding: 4px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; } /* BUTTONS */ .btn { color:#333333; background-color:#ffffff; margin:20px 0; padding:12px 24px; display:inline-block; text-align:center; border:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; } #gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, .btn-primary, .et_pb_button { color:#333333 !important; background-color:#ffffff !important; margin:20px 0 !important; padding:12px 24px !important; border:2px solid #666 !important; font-size:14px !important; font-weight:bold !important; font-family:'Gotham Bold', Arial, sans-serif !important; text-transform:uppercase !important; letter-spacing:1px !important; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; } .btn-download { padding-bottom:12px; } .btn-download .chevron-down { clear:both; display:block; width:100%; min-height:60px; overflow:hidden; background-color:reg; background-position:center; background-size:cover; background-repeat:no-repeat; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDggNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTIwNywzODEuNUwxMi43LDE4Ny4xYy05LjQtOS40LTkuNC0yNC42LDAtMzMuOWwyMi43LTIyLjdjOS40LTkuNCwyNC41LTkuNCwzMy45LDBsMTU0LjcsMTU0bDE1NC43LTE1NCBjOS40LTkuMywyNC41LTkuMywzMy45LDBsMjIuNywyMi43YzkuNCw5LjQsOS40LDI0LjYsMCwzMy45TDI0MSwzODEuNUMyMzEuNiwzOTAuOCwyMTYuNCwzOTAuOCwyMDcsMzgxLjVMMjA3LDM4MS41eiIvPjwvc3ZnPg=='); } #gform_submit_button_1:hover, #gform_submit_button_2:hover, #gform_submit_button_3:hover, .btn:hover, .et_pb_button:hover { margin:20px 0; padding:12px 24px; color:#000000; background-color:#666666; } .btn:hover .chevron-down { background-position:center -4px; } /* HEADER */ header, .et-fixed-header { height:94px; min-height:94px; max-height:94px; } .nav .menu-item a:hover { color:rgba(0,0,0,1) !important; -moz-opacity:1; -webkit-opacity:1; opacity:1; } .btn .btn-primary { margin:5%; } .current-menu-item, .current_page_item, .current-page-ancestor { color:#9abc6f !important; } /* SUB-HEADER */ .subnav { width:100%; margin:0 auto; padding:0; -moz-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .subnav .row { display:flex; flex-direction:row; flex-wrap:wrap; list-style:none; margin:-1em 0 1em -1em; padding:0; } .subnav .col { flex:1; padding:1em 0 0 1em; justify-content:center; } .subnav .col h3 { align-self:center; width:auto; margin:auto; padding:0; color:#fff; font-size:1.1em; font-weight:bold; line-height:1.2; font-family:'Gotham', sans-serif; text-align:center; text-transform:uppercase; letter-spacing:0.125em; border:1px solid #fff; background-color:rgba(0,0,0,0.1); padding:1em 1.5em; text-shadow:0px 0px 4px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 4px rgba(0,0,0,0.5); -webkit-text-shadow:0px 0px 4px rgba(0,0,0,0.5);-moz-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .subnav .col h3 span { display:block; clear:both; } .subnav .nav { display:flex; justify-content:center; height:200px; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; transition:all 0.4s ease-out; } .subnav .nav:hover { -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; } .subnav .nav:hover h3 { text-shadow:0px 0px 4px rgba(0,0,0,0.8); -moz-text-shadow:0px 0px 4px rgba(0,0,0,0.8); -webkit-text-shadow:0px 0px 4px rgba(0,0,0,0.8); } /* Homepage Subnav (rev20200204, msl) */ .subnav .nav-growers { background:url('//media.planthaven.com/dev/docs/2019/03/Aris-production-03.14-3.jpg') center left no-repeat; background-size:cover; } .subnav .nav-breeders { background:url('//media.planthaven.com/dev/docs/2019/03/Marketing-Grid2.jpg') center left no-repeat; background-size:cover; } .subnav .nav-portfolio { background:url('//media.planthaven.com/dev/docs/2020/01/home_subnav.jpg') center left no-repeat; background-size:cover; } .subnav .nav-marketing { background:url('//media.planthaven.com/dev/docs/2020/01/Home_subnav2.jpg') center left no-repeat; background-size:cover; } .subnav .nav-cocktails { background:url('//media.planthaven.com/dev/docs/2019/03/Acr51833075666880-197157-copy.jpg') center left no-repeat; background-size:cover; } /* Growers Subnav (rev20200204, msl) */ .subnav .nav-brokers { background:url('//media.planthaven.com/dev/docs/2019/03/Hosta-Eclipse-002.jpg') center left no-repeat; background-size:cover; } .subnav .nav-licensees { background:url('//media.planthaven.com/dev/docs/2019/03/Cercis-Hearts-of-Gold-10.jpg') center left no-repeat; background-size:cover; } .subnav .nav-availabilities { background:url('//media.planthaven.com/dev/docs/2019/03/Colocasia-Diamond-Head-003.jpg') center left no-repeat; background-size:cover; } /* Growers Subnav, revised (rev20200212, msl) */ .subnav .nav-brokers-2 { background:url('//media.planthaven.com/dev/docs/2019/03/Hosta-Eclipse-002.jpg') center left no-repeat; background-size:cover; } .subnav .nav-rooted-liners-2 { background:url('//media.planthaven.com/dev/docs/2019/03/Cercis-Hearts-of-Gold-10.jpg') center left no-repeat; background-size:cover; } .subnav .nav-urcs-2 { background:url('//media.planthaven.com/dev/docs/2019/03/Colocasia-Diamond-Head-003.jpg') center left no-repeat; background-size:cover; } .subnav .nav-tc-labs-2 { background:url('//media.planthaven.com/dev/docs/2020/02/subnav-tc-labs-test-tubes.jpg') center left no-repeat; background-size:cover; } /* Subnav, bulb availability added 20240711 */ .subnav .nav-bulbs { background:url('//media.planthaven.com/dev/docs/2024/07/subnav-bulbs.jpg') center left no-repeat; background-size:cover; } /* Breeders Subnav (rev20200204, msl) */ .subnav .nav-breeder-services { background:url('//media.planthaven.com/dev/docs/2019/06/Caryopteris-Hint-of-Gold2.jpg') center left no-repeat; background-size:cover; } .subnav .nav-breeder-rights { background:url('//media.planthaven.com/dev/docs/2019/03/Cercis-Little-Woody-1.jpg') center left no-repeat; background-size:cover; } .subnav .nav-fees { background:url('//media.planthaven.com/dev/docs/2019/03/Ceratostigma-My-Love-004.jpg') center left no-repeat; background-size:cover; } .subnav .nav-guidance { background:url('//media.planthaven.com/dev/docs/2019/03/Weigelia-White-Lightning-002.jpg') center left no-repeat; background-size:cover; } .subnav .nav-patents { background:url('//media.planthaven.com/dev/docs/2019/03/LAMIUM-Golden-Anniversary-3.jpg') center left no-repeat; background-size:cover; } /* Marketing Subnav (rev20200910, msl) */ .subnav .nav-hot-selections { background:url('//media.planthaven.com/dev/docs/2019/03/marketing-Grid1.jpg') center left no-repeat; background-size:cover; } .subnav .nav-monthly-ebriefs { background:url('//media.planthaven.com/dev/docs/2019/03/Marketing-Grid2.jpg') center left no-repeat; background-size:cover; } .subnav .nav-cocktails { background:url('//media.planthaven.com/dev/docs/2019/03/Acr51833075666880-197157-copy.jpg') center left no-repeat; background-size:cover; } .subnav .nav-catalogs { background:url('//media.planthaven.com/dev/docs/2019/06/Catalogs2.jpg') center left no-repeat; background-size:cover; } .subnav .nav-videos { background:url('//media.planthaven.com/dev/docs/2019/04/mystic-1.jpg') center left no-repeat; background-size:cover; } .subnav .nav-logos { background:url('//media.planthaven.com/dev/docs/2020/09/SubNavLogos.jpg') center left no-repeat; background-size:cover; } /* Medium screens */ @media only screen and (min-width:479px) and (max-width:1441px) { #logo { width:140px !important; } #et-top-navigation { padding-left:150px !important; } #top-menu li { font-size:12px !important; } #top-menu li a { font-size:12px !important; padding-right:0px !important;} .subnav { width:85%; margin:2em auto; padding:0; } .subnav .col h3 { font-size:80%; line-height:1.1; margin:0.75em auto; padding:1.25em; } .subnav .nav { height:150px; } } /* Small screens */ @media only screen and (max-width:479px) { .subnav { display:block; width:100%; margin:1em 0; } .subnav .row { display:block; width:100%; margin:0; padding:0; } .subnav .col { display:block; width:100%; margin:0; padding:0; } .subnav .col h3 { font-size:80%; line-height:1.0; margin:0.5em auto; padding:1em; } .subnav .col h3 span { display:inline; clear:none; } .subnav .nav { display:block; width:100%; height:auto; } } /* Hot-selections */ @media only screen and (max-width:980px){ .et_pb_column .et_pb_column_1_2 .et_pb_column_15 {margin-bottom:0px!important;} } /* ************************************************** * * SINGLE COCKTAIL PAGE */ .cocktail { padding-top:2%; display:block; position:relative; clear:both; } .container-cocktail {max-width:100%; width:100%;} .cocktail .container { position:relative;max-width:100%!important; margin:0 auto; padding:0; } .cocktail .row { display:-ms-flex; display:-webkit-flex; display:flex; flex-direction:row; flex-wrap:wrap; width:100%; padding-bottom:15%; } .cocktail .col { flex-direction:column; flex-basis:100%; flex:1; } .cocktail .col-images { padding-left:2%; padding-right:2%; } .cocktail .col-specs { margin-left:2%; margin-right:5%; } .cocktail .plant-photo-wrapper { display:inline-block; float:left; width:48%; margin:0 2% 0; } .cocktail .plant-photo-large { padding:0px;} .cocktail .plant-photo-large img { width:100%; height:auto; margin-bottom:2px; } .cocktail .plant-photo-large a { color:#9abc6f; font-weight:800; font-size:18px; letter-spacing:1px; cursor:pointer; } .cocktail .plant-photo-large a:hover { color:#000000; } .plant-desc-wrapper { display:inline-block; float:left; width:48%; margin:0; text-align:left; } .plant-desc-header { display:block; clear:both; margin:0 0 20px 0; } .cocktail .plant-name, .cocktail .plant-patented-name { color:#9abc6f; font-size:18px; font-weight:800; line-height:1; font-weight:800; font-family:Arial, Helvetica, sans-serif; float:none; text-align:left; margin:0; padding:0; } .cocktail .plant-genus { color:#9abc6f; font-size:16px; line-height:1.6; font-family:Arial, Helvetica, sans-serif; font-style:italic; float:none; text-align:left; margin-bottom:5%; padding:0; } .cocktail .cocktail-recipe {font-weight:bold;} .cocktail a.btn-primary {float:left;} .cocktail .btn {letter-spacing: 0; padding:2% 5%; margin:0;} #cocktail-image {border-image-width:0; padding:0px;} .cocktail .plant-thumb div {width:100%;height:100%;} .cocktail-btn { margin-left:5%; margin-right:2% !important; } .paten{padding-bottom:.2em!important;} /*div.background-image{height:100px;width:100%;}*/ .background-image {background-repeat: no-repeat;background-position:center 100%;background-size: contain;background-size: 55%;} @media only screen and (max-width: 800px) { .cocktail .col { flex-direction:row; flex:1 100%;} .cocktail .col-specs { margin-left:10%; margin-right:10%; } } @media only screen and (max-width: 500px) { .background-image{background-size: contain;background-size: 80%;} } /* ************************************************** * * ALL COCKTAILS PAGE */ .cocktail-page-header h1 {padding-top:5%;font-weight:bolder; letter-spacing: 2px;line-height: 1.4em;font-size:2.8em;} .cocktail-page-header h3 {padding-top:5%; font-weight:bold;} figcaption.plant-caption {line-height: 1.2em;width:280px!important;} #main-content{margin:0!important;} #main-content-cocktail-page{margin-top:0!important;} /* ************************************************** * * FOOTER */ footer { display:block; clear:both; width:100%; margin:0; top:0; overflow:hidden; background-color:#ebe8de !important; color:rgba(0,0,0,0.7); font-size:1.2em; font-family:Arial, Helvetica, sans-serif; } footer .row { display:block; clear:both; width:100%; padding:30px 0; overflow:hidden; } footer a { color:rgba(0, 0, 0, 0.7); text-decoration:none; } footer a:hover { color:#9abc6f; } footer ul { display:block; } footer li { display:inline-block; float:left; margin:0; padding:4px 0; } footer .col-25 { width:25%; margin:0; padding:0; } footer .col-50 { width:50%; margin:0; padding:0; } footer li .logo { width:240px; padding:2% 0; margin:auto; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out; } footer li .logo:hover { -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; } footer li h5 { color:rgba(0,0,0, 1.0); font-size:1em; font-weight:200; line-height:1.2em; font-family:'Gotham', Arial, Helvetica, sans-serif; text-align:left !important; margin-top:30px; } footer li p { color:rgba(0,0,0, 0.7); font-size:.9em; font-weight:200; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; margin:0px auto; text-align:center; } footer form { float:none; display:block; width:auto; color:rgba(0,0,0, 0.7); line-height:1.7em; font-family:'Gotham', Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin:0 auto !important; padding:0; } footer form input[type="email"] { display:inline-block; width:150px; color:#999; background-color:#f4f2ec; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 8px; padding:4px 6px; border:none; } footer li p.info { color:rgba(0,0,0, 0.7); line-height:1.7em; text-align:center; } footer li p.disc { color:rgba(0,0,0, 0.5); text-align:center; font-size:0.75em; padding:20px; } footer li p.disc a { color:rgba(0,0,0, 0.5); } footer li p.disc a:hover { color:#9abc6f; } div#footer-container.container {width: 95%;} @media only screen and ( max-width: 479px ) { footer li { display:block; float:none; width:90%; margin:left:5%; margin-right:5%; font-size:0.9em; text-align:center; } footer .col-25 { display:block; float:none; width:100%; text-align:center; padding-top:2%;} footer .col-50 { display:block; float:none; width:100%; text-align:center; padding-top:2%; } footer li h5 { text-align:center !important; margin:0px auto; } } @media only screen and ( max-width: 600px ){ #footer-nav {width: 50%;} div#footer-container.container {width: 95%;} #follow-us {width: 50%; margin-left:10%;} } @media only screen and ( max-width: 460px ){ #footer-nav {width: 100%;} div#footer-container.container {width: 100%;} #follow-us {width: 100%; margin-left:0;} } /* ************************************************** * * SINGLE COLLECTION PAGE */ .single-collection #page-container { padding-top:0; } .collection { padding-top:0; display:block; position:relative; clear:both; } .collection .container { width:70%; padding-top:0 !important; } .collection header { width:100%; height:350px; background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; } .collection article { width:100%; margin:0; padding:0; } .collection article p { font-family:'Gotham Light', Arial, Helvetica, sans-serif; width:100%; margin:0; padding:0; } .collection section { display:flex; flex-wrap:wrap; justify-content:center; width:auto; clear:both; margin:0 auto; text-align:center; } .collection .row { display:block; width:100%; } .collection .col { display:-ms-flex; display:-webkit-flex; display:flex; flex-direction:column; flex-basis:100%; flex:1; } .collection-logo { display:block; width:144px; float:none; clear:both; margin:20px auto; padding:0; } .collection-logo img { width:100%; height:auto; } .collection-logo h2 { display:block; width:100%; color:#666; font-size:28px; font-weight:bold; line-height:1em; font-family:'Gotham', Arial, Helvetica, sans-serif; margin:0 auto; padding:0; align:center; text-align:center; } .collection .divider { display:block; background-color:green; width:10%; height:8px; float:none; clear:both; margin:0 auto 20px; padding:0; } .collection .plant-block { position:relative; display:inline-block; float:left; width:260px; height:300px; margin:10px; padding:10px; text-align:center; background-color:transparent; -moz-opacity:1; -webkit-opacity:1; opacity:1; cursor:pointer; } .collection .plant-thumb { width:260px; height:260px; margin:0px; padding:10px; overflow:hidden; background-color:#fff; border:1px solid #ccc; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; } .collection .plant-thumb div { width:240px; height:240px; margin:0px; padding:10px; overflow:hidden; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; } .collection .plant-caption { bottom:0px; left:0px; display:block; font-size:11px; line-height:1; padding:10px; text-align:center; } .collection .plant-block a { color:#000; font-size:13px; font-family:Arial, Helvetica, sans-serif; } .collection .plant-block:hover .plant-thumb { -moz-opacity:0.7; opacity:0.7; } .collection .plant-block:hover a { color: #9abc6f; } .collection .plant-series, .collection .plant-variety { font-weight:bold; font-style:normal; } .collection .plant-genus { font-weight:normal; font-style:italic; } /* SOCIAL MEDIA ICONS */ .widget-social-icons { clear:both; float:none; margin:0; padding:0; } .widget-social-icons li { display:inline-block; width:40px !important; height:40px !important; margin:0 15px 15px 0; padding:0; } .widget-social-icons li a { display:inline-block; position:relative; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out; transition:opacity 0.4s ease-in-out; text-decoration:none; cursor:pointer; } .widget-social-icons li a:hover { -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7; } .widget-social-icons li a img { width:40px !important; height:40px !important; } /* FIXES */ article { padding:0!important; } /* SEARCH RESULTS */ .search-results article { display:block; padding:20px !important; overflow:hidden; } .search #page-container { width:100%; } .search-results .results { clear:both; width:80%; border:1px solid #ccc; margin:15px auto; padding:20px; } .search-results .no-results { clear:both; width:50%; border:1px solid #ccc; margin:15px auto; padding:20px; } /* POP-UP MAKER styles */ .pum-title.popmake-title { color:#333 !important; font-size:24px !important; line-height:1 !important; font-weight:400 !important; font-family:'Gotham', Helvetica, Arial, sans-serif !important; text-align:left; text-shadow:0px 0px 0px rgba( 2, 2, 2, 0.23 ); padding-bottom:10px; } /* EBRIEFS and NEWSLETTERS */ .newsletters .container { position:relative; width:80%; max-width:98%; margin:40px auto; padding:0 !important; } .newsletters .section-newsletters { display:flex; flex-wrap:wrap; justify-content:center; width:auto; clear:both; margin:0 auto !important; padding:0; text-align:center; } .newsletters .newsletter-block { position:relative; display:inline-block; float:left; width:302px; height:332px; margin:2%; padding:0; text-align:center; border:1px solid #ccc; -moz-opacity:1; -webkit-opacity:1; opacity:1; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; cursor:pointer; } .newsletters .newsletter-block:hover { -moz-opacity:0.7; -webkit-opacity:0.7; opacity:0.7;} .newsletters .newsletter-thumb { width:300px; height:300px; clear:both; margin:0px; padding:0; overflow:hidden; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; } .newsletters .newsletter-thumb div { width:300px; height:300px; margin:0px; padding:0; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:300px 300px; } .newsletters .newsletter-caption { clear:both; padding:2px; } .newsletters .newsletter-caption p { font-size:14px; line-height:1.7; font-family:'Gotham', Arial, Helvetica, sans-serif; } .newsletters .btn-block { display:block; clear:both; margin:30px auto 45px; text-align:center; } .posts .container { position:relative; width:75%; max-width:98%; margin:40px auto; padding:0 !important; } .posts .table-newsletter { width:600px; max-width:600px; float:none; margin:0 auto; padding:0 !important; border:none !important; border-collapse:collapse !important;-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2); } .posts .table-newsletter tr { margin:0; padding:0; vertical-align:top; border:none !important; } .posts .table-newsletter tr th, .posts .table-newsletter tr th img, .posts .table-newsletter tr td, .posts .table-newsletter tr td img, img.mcnImage { margin:0 !important; padding:0 !important; vertical-align:top !important; border:none !important; } /* EBRIEFS */ #ebriefs-list .et_pb_gutters3 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module { margin-bottom: 0; } div#browse_by_collections {padding-bottom:50%!important;}