body { font-family: "Roboto",sans-serif; } a:link, a:visited { color:#1d5994;} strong { font-weight: 600; } hr { background: #e5e5e5; height: 1px; margin: 35px 0; border: 0; } ul li { line-height: 30px; font-weight: 400; font-size: 15px; color:#262626; list-style: none; margin-left: 0; } ul li i { margin-right: 7px; font-size: 15px; } .infotxt-small { font-size: 12px; line-height: 17px; float: left; width: 100%; font-weight: 500; } .infotxt-medium { font-size: 14px; line-height: 27px; float: left; width: 100%; font-weight: 500; } .infotxt-medium.center, .infotxt-small.center { text-align: center; } .infotxt-medium.right { text-align: right; } /** FLEXBOX **/ .flexboxBetween { display:flex; padding: 0px; width: 100%; justify-content: space-between; margin-bottom: 0px; margin-top: 30px; float: left; } /** PARAGRAPHS **/ p { color:#262626; font-weight: 400; font-size: 15px; line-height: 30px; padding: 10px 0px; } p.text-small-400 { color:#262626; font-weight: 400; font-size: 12px; line-height: 24px; } p.text-small-700 { color:#262626; font-weight: 700; font-size: 12px; line-height: 24px; } p.text-medium-400 { color:#262626; font-weight: 400; font-size: 14px; line-height: 27px; } p.text-medium-700 { color:#262626; font-weight: 700; font-size: 14px; line-height: 27px; } p.text-base-400 { color:#262626; font-weight: 400; font-size: 15px; line-height: 30px; } p.text-base-700 { color:#262626; font-weight: 700; font-size: 15px; line-height: 30px; } /* HEADINGS */ /* SUBHEADINGS */ .subheading-large { font-size: 16px; color: #262626; font-weight: 400; } .subheading-normal { font-size: 15px; color: #262626; font-weight: 400; line-height: 30px; float: left; width: 100%; } .subheading-small { font-size: 13px; color: #262626; font-weight: 400; line-height: 25px; float: left; width: 100%; } /* BORDERS FOR HEADINGS */ .heading-border { border-bottom: 1px solid #e5e5e5; width: 100%; float: left; margin-bottom: 30px; padding-bottom: 10px; } /* ICONS FOR HEADINGS */ .heading-icon-large { width: auto; float: left; line-height: 62px; font-size: 29px; margin-right: 22px; border-right: 1px solid #e5e5e5; border-radius: 50%; text-align: center; padding: 0 15px 0 5px; } /* LISTS */ li span.list-cta { color: #448A10!important; } /* List Small */ ul.list-small { float: left; width: 100%; margin: 0; padding: 0; } ul.list-small li { font-size: 12px; color: #262626; font-weight: 400; line-height: 21px; float: left; width: 100%; } ul.list-small li i { font-size: 14px; line-height: 21px; } ul.list-small.square li { list-style: square; margin-left: 15px; } ul.list-small.half { width: 50%; } ul.list-small.lined li { border-bottom: 1px solid #e5e5e5; width: 100%; } ul.list-small.lined li:first-of-type { border-top: 1px solid #e5e5e5; } ul.list-small.lined li i { float: right; } /* List Medium */ ul.list-medium { float: left; width: 100%; margin-bottom: 40px; padding: 0; } ul.list-medium li { font-size: 15px; color: #262626; font-weight: 400; line-height: 30px; float: left; width: 100%; } ul.list-medium li i { font-size: 14px; color: #262626; line-height: 27px; font-weight: 400; } ul.list-medium.square li { list-style: square; margin-left: 15px; } ul.list-medium.half { width: 50%; } ul.list-medium.lined li { border-bottom: 1px solid #e5e5e5; width: 100%; } ul.list-medium.lined li:first-of-type { border-top: 1px solid #e5e5e5; } ul.list-medium.lined li i { float: right; } /* List Large */ ul.list-large { float: left; width: 100%; margin: 0; padding: 0; } ul.list-large li { font-size: 17px; color: #262626; font-weight: 400; line-height: 34px; } ul.list-large li i { font-size: 18px; line-height: 34px; } ul.list-large.square li { list-style: square; margin-left: 15px; } ul.list-large.half { width: 50%; } ul.list-large.lined li { border-bottom: 1px solid #e5e5e5; width: 100%; padding: 4px 0; } ul.list-large.lined li:first-of-type { border-top: 1px solid #e5e5e5; } ul.list-large.lined li i { float: right; } ul.list-large.lined li a { color: #014586!important; font-weight: bold; } /* TABLES */ table.table-base { font-size: 15px; line-height: 30px; color: #262626; font-weight: 400; } table.table-base.striped td { padding: 0 8px; } table.table-base.striped tr:nth-child(odd) { background-color: #F5F5F5; border: 0; } table.table-base.striped tr:nth-child(even) { background-color: #ffffff; border: 0; } /* GRIDS */ .grid-container-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; float: left; width: 100%; } .grid-container-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; float: left; width: 100%; } .grid-container-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; float: left; width: 100%; } .grid-container-5 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; float: left; width: 100%; } .grid-container-6 { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1px; float: left; width: 100%; } /** LABELS **/ /* Labels Default */ .label-block-default { border: 1px solid #e5e5e5; border-radius: 25px; float: left; width: auto; margin-right: 20px; padding: 4px 16px; font-size: 13px; line-height: 23px; margin-bottom: 14px; } .label-block-default i { font-size: 13px; float: left; margin-right: 10px; line-height: 23px; } .label-block-default.inverted { background: #777; color: white; border-color: #777; } /* Labels Dark */ .label-block-dark { background-color: #262626; border-radius: 25px; float: left; width: auto; margin-right: 20px; padding: 4px 16px; font-size: 13px; line-height: 23px; color: white; } .label-block-dark i { font-size: 13px!important; color: white!important; float: left; margin-right: 10px!important; line-height: 23px; } .label-block-dark.inverted { background: #ffffff; color: #262626; border-color: #262626; } .label-block-dark.inverted i { font-size: 13px; float: left; margin-right: 10px; line-height: 23px; } /* Labels Small */ .label-block-small { border: 1px solid #e5e5e5; border-radius: 25px; float: left; width: auto; margin-right: 20px; padding: 4px 10px; font-size: 11px; line-height: 17px; } .label-block-small i { font-size: 13px; float: left; margin-right: 10px; line-height: 17px; } .label-block-small.inverted { background: #777; color: white; border-color: #777; } /** HEADINGS **/ .headingLarge { font-size: 35px; border: 0; line-height: 41px; font-weight: 300; color: #262626; margin-bottom: 23px; margin-top: 0; } .headingLarge span { font-weight: 700; } .headingLarge.lined { width: 100%; float: left; } .headingLarge.lined span { width: 100%; float: left; } .headingMedium { font-size: 28px; border: 0; line-height: 32px; font-weight: 300; color: #262626; margin-bottom: 23px; margin-top: 0; } .headingMedium span { font-weight: 700; } .headingMedium.lined { width: 100%; float: left; } .headingMedium.lined span { width: 100%; float: left; } .headingSmall { font-size: 22px; border: 0; line-height: 30px; font-weight: 300; color: #262626; margin-bottom: 6px; margin-top: 0; } .headingSmall span { font-weight: 700; } .headingSmall.lined { width: 100%; float: left; } .headingSmall.lined span { width: 100%; float: left; } .headingTiny { font-size: 18px; border: 0; line-height: 25px; font-weight: 300; color: #262626; margin-bottom: 6px; margin-top: 0; } .headingTiny span { font-weight: 700; } .headingTiny.lined { width: 100%; float: left; } .headingTiny.lined span { width: 100%; float: left; } .headingSmallest { font-size: 15px; border: 0; line-height: 23px; font-weight: 300; color: #262626; margin-bottom: 3px; margin-top: 0; } .headingSmallest span { font-weight: 700; } .headingSmallest.lined { width: 100%; float: left; } .headingSmallest.lined span { width: 100%; float: left; } /* Headings in Listed Items */ ul.list-large li.headingLarge { font-size: 35px; margin-bottom: 0 } ul.list-large li.headingMedium { font-size: 28px; margin-bottom: 0 } ul.list-large li.headingSmall { font-size: 22px; margin-bottom: 0 } ul.list-large li.headingTiny { font-size: 18px; margin-bottom: 0 } ul.list-large li.headingSmallest { font-size: 15px; margin-bottom: 0 } ul.list-medium li.headingTiny { font-size: 18px!important;} /** MESSAGE CONTAINERS **/ .infoboxContainer-small { float: left; width: 100%; margin-bottom: 40px; } .infoboxContainer-small .icon-message { width: 100%; float: left; display: flex; justify-content: center; align-items: flex-start; } .infoboxContainer-small .icon-message i { margin-right: 10px; display: flow; height: auto; line-height: 25px; font-weight: 400; color: #448A10; } .infoboxContainer-small .icon-message .messageContainer { flex-grow: 2; font-size: 13px; line-height: 22px; } .infoboxContainer-small .icon-message .messageContainer span { font-weight: bold; } .infoboxContainer-medium { float: left; width: 100%; margin-bottom: 40px; } .infoboxContainer-medium .icon-message { width: 100%; float: left; display: flex; justify-content: center; align-items: flex-start; } .infoboxContainer-medium .icon-message i { margin-right: 15px; display: flow; height: auto; line-height: 30px; font-weight: 400; color: #448A10; font-size: 21px; } .infoboxContainer-medium .icon-message .messageContainer { flex-grow: 2; font-size: 15px; line-height: 30px; } .infoboxContainer-medium .icon-message .messageContainer span { font-weight: bold; } /** BUTTONS **/ /* Primary */ .btn { -webkit-font-smoothing: antialiased; letter-spacing: normal; } .btn.btn-primary { -webkit-box-shadow: 0 3px 0 #C7620D; box-shadow: 0 3px 0 #C7620D; border-color: #ff7600; background-color: #ff7600; -webkit-backface-visibility: hidden; outline: 0; color: #fff; font-weight: 700; padding: 0px 25px; font-size: 15px; line-height: 43px; border-radius: 5px; transition: all ease 0.1s; margin-bottom: 3px; } .btn.btn-primary:hover { -webkit-box-shadow: 0 2px 0 #C7620D; box-shadow: 0 2px 0 #C7620D; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #ff7600; } .btn.btn-primary:active { -webkit-box-shadow: 0 1px 0 #C7620D; box-shadow: 0 1px 0 #C7620D; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } /* Primary Inverted */ .btn.btn-primary.inverted { -webkit-box-shadow: 0 3px 0 #3ea300; box-shadow: 0 3px 0 #3ea300; border-bottom: 0px solid #448a0f; border-left: 1px solid #3ea300; border-right: 1px solid #3ea300; border-top: 1px solid #3ea300; background-color: #fff; -webkit-backface-visibility: hidden; outline: 0; color: #448A0F; font-weight: 600; padding: 0px 25px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; } .btn.btn-primary.inverted:hover { -webkit-box-shadow: 0 2px 0 #448a0f; box-shadow: 0 2px 0 #448a0f; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #014587; } .btn.btn-primary.inverted:active { -webkit-box-shadow: 0 1px 0 #448a0f; box-shadow: 0 1px 0 #448a0f; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } /* Primary Inverted Small */ .btn.btn-small.btn-primary.inverted { color: #448A0F!important; } .btn.btn-small.btn-primary.inverted:hover { color: #ffffff!important; } .btn.btn-small.btn-primary.inverted:active { color: #ffffff!important; } /* Primary Inverted Products */ .productBlock:hover { transition: 0.25s; border-radius: 0; border: 1px solid #e5e5e5; cursor: pointer; border-radius: 6px; position: relative; overflow: hidden; height: auto; -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.34); -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.34); box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.24); z-index: 1; } .productBlock:hover .btn.btn-primary.inverted { background: #4eb400; } .productBlock:hover .btn.btn-small.btn-primary.inverted { background: #4eb400; color: #ffffff!important; } /* Default */ .btn.btn-default { -webkit-box-shadow: 0 3px 0 #022450; box-shadow: 0 3px 0 #022450; border-color: #014587; background-color: #014587; -webkit-backface-visibility: hidden; outline: 0; color: #fff; font-weight: 700; padding: 0px 25px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; margin-bottom: 3px; } .btn.btn-default:hover { -webkit-box-shadow: 0 2px 0 #022450; box-shadow: 0 2px 0 #022450; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #014587; } .btn.btn-default:active { -webkit-box-shadow: 0 1px 0 #022450; box-shadow: 0 1px 0 #022450; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } /* Succes */ .btn.btn-success { -webkit-box-shadow: 0 3px 0 #448a0f; box-shadow: 0 3px 0 #448a0f; border-color: #4eb400; background-color: #4eb400; -webkit-backface-visibility: hidden; outline: 0; color: #fff; font-weight: 700; padding: 0px 25px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; margin-bottom: 3px; } .btn.btn-success:hover { -webkit-box-shadow: 0 2px 0 #448a0f; box-shadow: 0 2px 0 #448a0f; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #4eb400; } .btn.btn-success:active { -webkit-box-shadow: 0 1px 0 #448a0f; box-shadow: 0 1px 0 #448a0f; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } /* Red */ .btn.btn-danger { -webkit-box-shadow: 0 3px 0 #A12828; box-shadow: 0 3px 0 #A12828; border-color: #BF4646; background-color: #BF4646; -webkit-backface-visibility: hidden; outline: 0; color: #fff; font-weight: 700; padding: 0px 25px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; margin-bottom: 3px; } .btn.btn-danger:hover { -webkit-box-shadow: 0 2px 0 #A12828; box-shadow: 0 2px 0 #A12828; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #BF4646; } .btn.btn-danger:active { -webkit-box-shadow: 0 1px 0 #A12828; box-shadow: 0 1px 0 #A12828; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } /* White */ .btn.btn-white { -webkit-box-shadow: 0 3px 0 #C8C8C8; box-shadow: 0 3px 0 #C8C8C8; border-color: #e5e5e5; background-color: #ffffff; -webkit-backface-visibility: hidden; outline: 0; color: #262626; font-weight: 700; padding: 0px 25px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; margin-bottom: 3px; } .btn.btn-white:hover { -webkit-box-shadow: 0 2px 0 #C8C8C8; box-shadow: 0 2px 0 #C8C8C8; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #ffffff; } .btn.btn-white:active { -webkit-box-shadow: 0 1px 0 #C8C8C8; box-shadow: 0 1px 0 #C8C8C8; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } .btn.btn-white i { font-weight: 500; } .btn.btn-white.icon { padding: 0 18px; } .btn.btn-white.icon i { font-size: 16px; top: 2px; position: relative; } .btn.btn-white .fas.fa-cloud-upload { margin-right: 6px; } .cartFooter-buttons .btn.btn-white i { font-weight: 500; } .cartContentLogo .artworkOptions .btn.btn-white i { font-weight: 500; } /* White Small*/ .close.btn.btn-small.btn-white { opacity: 1; border: 1px solid #e5e5e5; } .btn.btn-small.btn-white { padding: 4px 15px 3px 15px; line-height: 33px; font-size: 14px; font-weight: 500; } .btn.btn-small.btn-white i { font-size: 13px; font-weight: 500; } .btn.btn-small.btn-white.cancel i { font-size: 13px; font-weight: 500; padding: 6px 0 5px 0; margin: 0; } /* Icon buttons light */ .icon.btn-light { outline: 0; -webkit-font-smoothing: antialiased; letter-spacing: normal; width: fit-content; } .icon.btn.btn-light { -webkit-box-shadow: 0 3px 0 #e5e5e5; box-shadow: 0 3px 0 #e5e5e5; border-color: #fff; background-color: #fff; -webkit-backface-visibility: hidden; outline: 0; color: #262626; font-weight: 800; padding: 0px 15px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; margin-bottom: 3px; } .icon.btn.btn-light:hover { -webkit-box-shadow: 0 2px 0 #e5e5e5; box-shadow: 0 2px 0 #e5e5e5; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #fff; } .icon.btn.btn-light:active { -webkit-box-shadow: 0 1px 0 #e5e5e5; box-shadow: 0 1px 0 #e5e5e5; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } /* Breadcrumbs */ .btn.btn-breadcrumb { -webkit-box-shadow: 0 3px 0 #ccc; box-shadow: 0 3px 0 #ccc; border-color: #e5e5e5; background-color: #fff; -webkit-backface-visibility: hidden; outline: 0; color: #262626; font-weight: 600; padding: 0px 13px; font-size: 13px; line-height: 31px; border-radius: 6px; transition: all ease 0.1s; top: -3px; position: relative; margin-right: 11px; } .btn.btn-breadcrumb i { font-size: 9px; line-height: 1em; vertical-align: middle; margin-right: 4px; position: relative; top: -1px; } .btn.btn-breadcrumb:hover { -webkit-box-shadow: 0 2px 0 #e5e5e5; box-shadow: 0 2px 0 #e5e5e5; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); } .btn.btn-breadcrumb:active { -webkit-box-shadow: 0 1px 0 #e5e5e5; box-shadow: 0 1px 0 #e5e5e5; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } .btn.btn-small.btn-primary { line-height: 33px; font-size: 14px; font-weight: 700; padding: 4px 17px 3px 17px; color: white!important; } .btn.btn-small.btn-success { line-height: 33px; font-size: 14px; font-weight: 700; padding: 0 15px; color: white!important; } .btn.btn-small.btn-danger { line-height: 33px; font-size: 14px; font-weight: 700; padding: 0 15px; color: white!important; } .btn.btn-small.btn-default { line-height: 33px; font-size: 14px; font-weight: 700; padding: 0 15px; color: white!important; } /* Blue */ .btn.btn-info { -webkit-box-shadow: 0 3px 0 #4b77a0; box-shadow: 0 3px 0 #4b77a0; border-color: #014587; background-color: #014587; -webkit-backface-visibility: hidden; outline: 0; color: #fff; font-weight: 800; padding: 0px 15px; font-size: 15px; line-height: 43px; border-radius: 6px; transition: all ease 0.1s; } .btn.btn-info:hover { -webkit-box-shadow: 0 2px 0 #4b77a0; box-shadow: 0 2px 0 #4b77a0; transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); background-color: #014587; } .btn.btn-info:active { -webkit-box-shadow: 0 1px 0 #4b77a0; box-shadow: 0 1px 0 #4b77a0; transform: translate(0, 2px); -webkit-transform: translate(0, 2px); -ms-transform: translate(0, 2px); } .btn.btn-info i { font-weight: 500; } /* Buttons Large */ .btn.btn-success.btn-lg { font-weight: 600; padding: 0 20px; line-height: 48px; } .btn.btn-success.btn-lg b { font-weight: 300; font-size: 16px; } .btn.btn-default.btn-lg { font-weight: 600; padding: 0 20px; line-height: 48px; } .cartButtons .btn.btn-success.btn-lg { width: 100%; line-height: 67px; font-size: 21px; color: #ffffff; font-weight: 600; } .cartButtons .btn.btn-success.btn-lg i { font-size: 20px; margin-left: 7px; } .sidebar-footer .btn.btn-success.btn-lg { width: 100%; line-height: 67px; font-size: 21px; color: #ffffff; font-weight: 600; } .sidebar-footer .btn.btn-success.btn-lg i { font-size: 20px; margin-left: 7px; } .cartintro .btn.btn-success.btn-sm { width: auto; line-height: 33px; font-size: 15px; color: #ffffff; font-weight: 600; margin: 7px 0 0 0; padding-left: 20px; padding-right: 20px; } .cartintro .btn.btn-success.btn-sm i { font-size: 15px; line-height: 33px; margin-left: 6px; } .sidebar-footer .btn.btn-default.btn-lg { width: 100%; line-height: 67px; font-size: 21px; color: #ffffff; font-weight: 600; } .sidebar-footer .btn.btn-default.btn-lg i { font-size: 20px; margin-left: 7px; } /* Buttons Disabled */ .btn.btn-success.disabled { -webkit-box-shadow: 0 3px 0 #737070; box-shadow: 0 3px 0 #737070; border-color: darkgray; background-color: darkgray; } .btn.btn-default.alert.disabled { -webkit-box-shadow: 0 3px 0 #737070; box-shadow: 0 3px 0 #737070; border-color: darkgray; background-color: darkgray; } /* Buttons labels */ label.btn.btn-white { font-weight: 700!important; padding: 0px 25px; font-size: 15px!important; line-height: 43px!important; border-radius: 6px; margin-bottom: 3px; } /** DIVIDERS **/ .divider-small-text { margin-bottom: 30px; float: left; width: 100%; margin-top: 30px; text-align: center; } .divider-small-text hr { margin: 0; } .divider-small-text .txt span { background-color: white; margin: 10px; padding: 0 15px; font-size: 12px; position: relative; top: 8px; color: #262626; font-weight: 600; } .divider-normal-text { margin-bottom: 30px; float: left; width: 100%; margin-top: 30px; text-align: center; } .divider-normal-text hr { margin: 0; } .divider-normal-text .txt span { background-color: white; margin: 10px; padding: 0 15px; font-size: 21px; position: relative; top: 14px; color: #262626; font-weight: 600; } .divider-normal-text .txt span.light { font-weight: 300; margin: 0; padding: 0; top: 0; } /** TEXT **/ .text-normal { font-size: 15px; color: #262626; font-weight: 400; line-height: 30px; } .text-small { font-size: 14px; color: #262626; font-weight: 400; line-height: 27px; } /** PARAGRAPHS */ #big-menu .extraInfoBlock p { font-size: 13px; font-weight: 400; } .modal-dialog.profile .modal-footer p { font-size: 14px; line-height: 24px; font-weight: 300; text-align: center; } .section.topcat .hotcat p { font-size: 14px; padding: 0 50px 0 0 } .headerContent p { font-size: 15px; line-height: 21px; font-weight: 300; color: #014587; } #big-menu .blockRight p { font-size: 21px; } .recentAdded .cartFooter p { font-size: 11px; } .lastViewedList .lastViewedItem p { margin: 0; padding: 0; line-height: 18px!important; } .section.intro .homepageReferenties p { margin: 0; padding: 0; } .section.intro .homepageTabs .HomepageProducts p { margin: 0 0 0 0; padding: 0 } .orderCounts p { color: #555555;} .panel.panel-danger.panel-outline.activeStatus p { font-weight: 900; color: #014587; } .hideItem p { font-size: 13px; line-height: 25px; } .product-box .priceBox p { color: #448A0F; font-size: 15px; font-weight: 400; line-height: 26px; } .productPrice .footerText p { font-size: 12px; font-weight: 300; line-height: 17px; } .containerCalculating p { font-size: 13px; line-height: 25px } .productFulldesc p { } .productFulldesc p a, .productFulldesc p a:link, .productFulldesc p a:visited { color: #1d5994; font-weight: bold; } .productFulldesc p a:hover { text-decoration: underline; cursor: pointer; } #sizeMeasures div.stock p { font-weight: 300; line-height: 17px;} .containerCalculating .minQuantity p { font-size: 14px; line-height: 23px; color: #4399E1; font-weight: 600; } .quantityTitle p { font-size: 13px; font-weight: 500; } .printPosition .information p { font-size: 13px; line-height: 20px; font-weight: 400; } .fullWidthBox.footer p { font-size: 13px; line-height: 19px; } .calenderPrice.txt p { font-size: 11px; line-height: 17px; } .customerReaction p { font-size: 13px; line-height: 25px; } .suggestionContainer p { padding: 0} .productBlock:hover > .productStocks p { font-size: 13px; line-height: 12px; } .productSpecialist p { line-height: 21px; } .productSpecialistInfo p { font-size: 13px; } .filterPrice .filterLeft p { font-size: 12px; font-weight: bold; color: #014587; } .filterPrice .filterRight p { font-size: 12px; font-weight: bold; color: #014587; } .messageBlockCats .alert p { font-size: 13px; line-height: 21px; color: #3c763d; } .headerClean p { line-height: 21px; color: #555; font-size: 15px; font-weight: 300; margin-top: 4px; } /** MOBILE VIEW **/ @media (max-width: 767px) { /** GLOBAL **/ /*p { padding: 0px; font-size: 14px; line-height: 27px; }*/ ul li { } ul li i { } .infotxt-small { font-size: 12px; line-height: 19px; float: left; width: 100%; } .infotxt-small.center { text-align: center; } /** PARAGRAPHS **/ p { } p.text-small-400 { font-size: 11px; line-height: 21px; } p.text-small-700 { font-size: 11px; line-height: 21px; } p.text-medium-400 { font-size: 13px; line-height: 26px; } p.text-medium-700 { font-size: 13px; line-height: 26px; } p.text-base-400 { font-size: 14px; line-height: 28px; } p.text-base-700 { font-size: 14px; line-height: 28px; } /* HEADINGS */ .headingLarge { font-size: 29px; line-height: 32px; } .headingMedium { font-size: 24px; line-height: 31px; } .headingSmall { font-size: 20px; line-height: 30px; } .headingTiny { font-size: 16px; line-height: 23px; } .headingSmallest { font-size: 16px; line-height: 23px; } .divider-normal-text { text-align: left!important; } /* SUBHEADINGS */ .subheading-small { font-size: 11px; line-height: 19px; font-weight: 300; } .subheading-normal { font-size: 14px; line-height: 30px; font-weight: 500; float: left; width: 100%; margin-bottom: 20px; } .subheading-large { } /** LABELS **/ /* Labels Default */ .label-block-default { background: #ffffff; color: #262626; font-size: 12px; line-height: 12px; padding: 11px 17px; margin-bottom: 10px; border: 1px solid #e5e5e5; text-transform: lowercase; } .label-block-default:first-letter { text-transform: capitalize; } .label-block-default i { font-size: 14px; line-height: 12px; font-weight: 400; } .label-block-default.blue { background: #cce5ff; color: #262626; border: 0; } .label-block-default.black { background: #262626; color: #ffffff; border: 0; } /* Labels Small */ .label-block-small { background: #ffffff; color: #262626; font-size: 10px; line-height: 10px; padding: 10px 15px; margin-bottom: 10px; border: 1px solid #e5e5e5; text-transform: lowercase; } .label-block-small:first-letter { text-transform: capitalize; } .label-block-small i { font-size: 10px; line-height: 10px; font-weight: 400; } .label-block-small.blue { background: #cce5ff; color: #262626; border: 0; } .label-block-small.black { background: #262626; color: #ffffff; border: 0; } /* LISTS */ /* List Small */ ul.list-small { width: 100%; float: left; margin-bottom: 40px; padding: 0; } ul.list-small li { font-size: 12px; line-height: 22px; width: 100%; float: left; } ul.list-small li i { font-size: 13px; line-height: 22px; } ul.list-small li a, ul.list-small li a:link, ul.list-small li a:visited { color: #262626; } /* List Medium */ ul.list-medium { width: 100%; float: left; margin-bottom: 40px; padding: 0; } ul.list-medium li { font-size: 14px; line-height: 27px;width: 100%; float: left; margin: 0; padding: 0; } ul.list-medium li i { font-size: 14px; line-height: 27px; font-weight: 400; } ul.list-medium li a, ul.list-medium li a:link, ul.list-medium li a:visited { color: #262626; } /* List Large */ ul.list-large { width: 100%; float: left; margin: 0; padding: 0; } ul.list-large li { font-size: 14px; line-height: 30px; width: 100%; float: left; } ul.list-large li i { font-size: 14px; line-height: 30px; font-weight: 400; } ul.list-large li a, ul.list-large li a:link, ul.list-large li a:visited { color: #262626; } ul.list-large.lined li { border-bottom: 1px solid #e5e5e5; width: 100%; padding: 8px 0; } ul.list-large.lined li a { color: #014586!important; font-weight: bold; } /** USP **/ .carousel.slide.mobile { display: block; height: auto; padding: 8px; text-align: center; border-bottom: 1px solid #e5e5e5; display: none; } .carousel.slide.mobile .item { font-size: 12px; line-height: 18px; color: #555; } .carousel.slide.mobile .item i { color: #448A0F; margin-right: 3px; } .carousel.slide.mobile span { color: #448A0F; } /* USP list */ .usplist li { font-size: 14px; line-height: 25px; } .usplist li i { margin-right: 8px; } .usplist.mobile .fa-solid.fa-circle-plus { color: #448A0F; } .usplist.mobile .fa-solid.fa-circle-minus { color: #b40008; } /** BUTTONS **/ /* Breadcrumbs */ .btn.btn-breadcrumb { font-size: 12px; font-weight: 600; line-height: 30px; } .btn.btn-breadcrumb i { margin-right: 6px; font-weight: 800; line-height: 30px; font-size: 10px; } /* Primary */ .btn.btn-primary { line-height: 43px; -webkit-box-shadow: 0 4px 0 #C7620D; box-shadow: 0 4px 0 #C7620D; font-weight: 800; font-size: 14px; } .btn.btn-small.btn-primary { line-height: 35px; font-weight: 800; } /* White */ .btn.btn-white { line-height: 43px; -webkit-box-shadow: 0 4px 0 #ccc; box-shadow: 0 4px 0 #ccc; font-weight: 800; border: 1px solid #e5e5e5; font-size: 14px; } .btn.btn-white i { font-size: 14px; font-weight: 400!important; } .btn.btn-small.btn-white { line-height: 35px; padding: 5px 13px 1px 13px!important; } .btn.btn-small.btn-white i { font-size: 14px; font-weight: 400; color: #262626; } /* Blue */ .btn-info { font-size: 15px; line-height: 33px!important; padding: 0 15px!important; } a.btn-info i { color: #fff; font-size: 14px; } .btn.btn-info i { font-size: 14px; } } /** LOWRES VIEW **/ @media (min-width:768px) and (max-width:991px) { /** BUTTONS **/ .btn.btn-small.btn-primary { padding: 0 17px; } /** NAVIGATIE **/ #big-menu h2 { font-size: 14px;} .productsList li a:link, .productsList li a:visited { font-size: 11px!important; } .MobileMenuView .navbar-nav > li { width:17.425%!important; } #big-menu .pullDownMenu { margin-left: 110px!important; } li[data-big-menu="summerSale"] { max-height: 52px; } li[data-big-menu="summerSale"] a:link, li[data-big-menu="summerSale"] a:visited { line-height: 15px; margin-top: -4px; padding-bottom: 11px!important; margin-bottom: 0; } li[data-big-menu="summerSale"] a:hover { background: hotpink; padding-bottom: 11px!important; margin-bottom: 0!important; margin-top: -1px!important; padding-top: 10px!important; } li[data-big-menu="assortiment"] { width: 14.14%!important; } li[data-big-menu="assortiment"] span { display: none; } li[data-big-menu="assortiment"] .fa.fa-caret-down { display: none; } li[data-big-menu="assortiment"] .fa.fa-sort-alpha-desc { display: block!important; line-height: 20px; } #big-menu .pullDownMenu01 { margin-left: 15px!important; margin-top: -2px; width: 690px!important; } #big-menu .pullDownMenu02 { margin-left: 15px!important; margin-top: -2px; width: 690px!important; } #big-menu .pullDownMenu03 { margin-left: 15px!important; margin-top: -2px; width: 690px!important; } #big-menu .pullDownMenu04 { margin-left: 15px!important; margin-top: -2px; width: 690px!important; } #big-menu .pullDownMenu05 { margin-left: 15px!important; margin-top: -1px; width: 690px!important; } } /** MED- RES VIEW **/ @media (min-width: 992px) and (max-width: 1199px) { /* Global */ .infotxt-small { font-size: 11px; line-height: 17px; } .infotxt-medium { font-size: 13px; line-height: 27px; } /** HEADINGS **/ .headingSmall { font-size: 20px; line-height: 23px; } }