/* ----------------------------------------- */ /* Content Template: Template for Products - start */ /* ----------------------------------------- */ ul.course-format-list li p { padding: 0; margin: 0; } div.course-image-column { display: block; float: left; } div.course-page-icons { display: block; position: relative; z-index: 999; } div.wpv-post-featured-image { float: left; padding-right: 30px; padding-bottom: 50px; } img.hb-woo-featured-image { height: 350px; width: 350px; float: left; padding-right: 30px; padding-bottom: 50px; } div.course-information .hb-separator{ border: none; } .woocommerce .woocommerce-message { display: block !important; position: relative !important; z-index: 999 !important; } div.course-information { float: left; width: 60%; display: block; position: relative; z-index: 999; } div.course-description { clear: both; width: 80%; } .price { font-size: 28px !important; } div.course-description h2 { clear: both; padding-top: 10px; padding-bottom: 10px; } .course-price { color: #77A464; padding-right: 30px; } div.instructor-image img { border-radius: 50%; padding: 0; margin-right: 30px; } div.instructor-text { font-size: 17px !important; line-height: 28px !important; } .course-loc-text { text-transform: uppercase; letter-spacing: 1px; } @media screen and (max-width: 800px) { div.course-description { clear: both; width: 100%; } div.course-information { clear: both; width: 100%; padding-top: 30px; }} @media screen and (max-width: 600px) { div.instructor-text { clear: both; width: 100%; } img.hb-woo-featured-image { display: none !important; height: 0 !important; } div.course-page-icons { display: none !important; height: 0 !important; } div.course-description h2 { padding: 0 !important; } div.course-information { padding: 0 !important; margin-top: -20px !important; } } /* ----------------------------------------- */ /* Content Template: Template for Products - end */ /* ----------------------------------------- */