diff --git a/cigaradvisor/blocks/carousel/carousel.css b/cigaradvisor/blocks/carousel/carousel.css index 219e8ead..155c011c 100644 --- a/cigaradvisor/blocks/carousel/carousel.css +++ b/cigaradvisor/blocks/carousel/carousel.css @@ -7,6 +7,7 @@ margin-right: auto; max-width: 1080px; overflow: hidden; + margin-bottom: 25px; } .carousel.block>div { diff --git a/cigaradvisor/styles/styles.css b/cigaradvisor/styles/styles.css index c28669b6..548b8ef5 100644 --- a/cigaradvisor/styles/styles.css +++ b/cigaradvisor/styles/styles.css @@ -322,10 +322,18 @@ button { max-width: 250px; } + .default-content-wrapper { color: var(--clr-text); } +main .default-content-wrapper{ + width: 100%; + margin-left: auto; + margin-right: auto; + max-width: 1080px; +} + /* Two-column grid */ main .section[data-layout="50/50"] { padding-left: 0; @@ -463,6 +471,46 @@ main .section>.default-content-wrapper>h2 ::after{ margin-left: 15px; } +main .button-container{ + padding : 10px 10px 40px; + text-align: center; + text-transform: uppercase; +} + +main .button-container .button{ + font-style: normal; + font-family: var(--ff-montserrat); + font-weight: 700; + color: #fff; + text-transform: uppercase; + background-color: #000; + border-color: #8e7b5c; + border-width: 2px; + border-radius: 0; + border-style: solid; + display: inline-block; + line-height: 26px; + height: 50px; + width: 250px; + max-height: 50px; + max-width: 250px; + min-height: 2.85rem; + padding: 0.8em 1em; + cursor: pointer; + text-decoration: none; + text-align: center; + margin: 2px 0; +} + +main .button-container .button:hover{ + transition: .5s; + background-color: #b19b5e; + border-color: #b19b5e; + text-decoration: none; +} + + + @media screen and (max-width: 600px) { main .section[data-layout="50/50"] { width: 100%;