@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,700");
.qodef-page-header {
background: #232323 !important;
border-top: #d2b945 12px solid;
}
.qodef-header-standard .qodef-menu-area {
background: #232323 !important;
}
.headerblack {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.headerblack a {
display: inline !important;
margin-left: 24px;
margin-right: 24px;
color: #ffffff !important;
font-weight: 600;
font-family: "Roboto", sans-serif;
}
.qodef-page-header .headerblack a img {
display: inline !important;
}
.leftheader {
width: 40%;
float: left;
text-align: right;
padding-top: 25px;
padding-bottom: 25px;
}
.centerheader {
width: 20%;
float: left;
}
.rightheader {
width: 40%;
float: right;
text-align: left;
padding-top: 25px;
padding-bottom: 25px;
}
.headerblack {
width: 880px;
}
.centerheader img {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.qodef-sticky-header {
display: none !important;
}
.imgheader {
width: 100%;
}
.logo {
width: 120px !important;
margin-top: -12px;
}
.titre {
color: #ffffff !important;
font-family: "Noto Serif";
font-style: italic;
font-size: 40px !important;
}
.titreg {
color: #d1ba4a !important;
font-family: "Noto Serif";
font-style: italic;
font-weight: 400 !important;
font-size: 24px;
margin-top: 10px;
}
.titregr {
color: #949494 !important;
font-family: "Noto Serif";
font-style: italic;
font-weight: 400 !important;
font-size: 24px;
margin-top: 10px;
}
.titregs {
color: #d1ba4a !important;
font-family: "IBM Plex Sans";
font-weight: 700 !important;
font-size: 19px;
margin-top: 10px;
text-transform: uppercase;
margin-bottom: 20px;
}
#aboutus {
text-align: center !important;
padding-top: 4%;
width: 96%;
margin-left: auto;
margin-right: auto;
max-width: 1600px !important;
padding-bottom: 9%;
border-bottom: 1px solid #262628;
margin-bottom: 2%;
background: red;
}
#aboutus h2 {
margin-bottom: 10px !important;
}
#aboutus .content {
width: 52%;
color: #959595;
max-width: 500px;
text-align: left;
margin-left: auto;
margin-right: auto;
padding-top: 4%;
padding-bottom: 3.5%;
font-family: "IBM Plex Sans";
line-height: 21px;
font-size: 14px;
}
#aboutus .content .blanc {
color: #ffffff;
font-weight: 600;
}
.calltoaction {
color: #d5ba47;
text-transform: uppercase;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
border: 1px #363636 solid;
padding: 6px;
padding-left: 50px;
padding-right: 50px;
border-radius: 20px;
margin-bottom: 20px;
display: inline-block;
font-family: "IBM Plex Sans";
}
.calltoaction:hover {
background: #d5ba47;
color: #000 !important;
border: 1px #d5ba47 solid;
}
#aboutus .content p {
margin-bottom: 12px !important;
}
#team {
text-align: center !important;
padding-top: 5%;
background-size: 100% auto;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-bottom: 5%;
margin-bottom: 2%;
}
.tiree {
margin-top: 35px !important;
}
.info {
z-index: 99999999 !important;
background-repeat: no-repeat;
padding-top: 4%;
background-size: 100% auto;
background-position: center center;
width: 94%;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 12% !important;
padding-bottom: 12% !important;
margin-top: -10%;
}
.info h2 {
color: #ffffff !important;
font-family: "Noto Serif";
font-size: 20px !important;
font-weight: 700;
}
.info h3 {
color: #949494 !important;
font-family: "Noto Serif";
font-style: italic;
font-size: 16px !important;
font-weight: 400;
}
.sa_hover_container img {
width: 100%;
margin-top: 6% !important;
}
#featured {
background: url(//topgunformation.agencearobas.ca/wp-content/themes/startit/startit/img/partner.jpg) #010101;
text-align: center !important;
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
padding-top: 9%;
padding-bottom: 6%;
}
#featured h2 {
color: #ffffff !important;
}
#featured .edition {
width: 20% !important;
margin-top: 7%;
margin-bottom: 5%;
}
.fuaturedblock .date {
background: #171717 !important;
color: #ffffff;
display: block;
font-family: "Noto Serif";
font-size: 23px !important;
font-weight: 700;
margin-bottom: 18px !important;
}
.fuaturedblock .website {
background: #171717 !important;
color: #8f8f8f;
display: block;
font-family: "Noto Serif";
font-style: italic !important;
margin-bottom: 19px !important;
}
.fuaturedblock {
background: #171717 !important;
padding: 0.5%;
border: 0px !important;
padding-top: 3.5%;
padding-bottom: 3.5%;
margin-top: 30px !important;
}
.active .fuaturedblock {
border: 1px solid #ffffff !important;
}
#contact {
text-align: left !important;
background-size: 100% auto !important;
background-repeat: no-repeat !important; padding-bottom: 10%;
}
#contact .content {
width: 60%;
margin-left: auto;
margin-right: auto;
}
#contact strong {
color: #ffffff !important;
margin-top: 18px !important;
display: block;
}
#contact .titregs {
margin-top: 30px !important;
}
#contact .content .sr {
float: left !important;
margin-right: 25px !important;
margin-top: 16px;
display: block;
}
#contact .right .titregs {
margin-top: 10px !important;
}
#contact .wpcf7-form-control.wpcf7-text {
background: none !important;
border-left: 0px !important;
border-right: 0px !important;
border-top: 0px !important;
margin-bottom: 20px !important;
border-color: #7b7b7b !important;
padding-left: 0px !important;
color: #7b7b7b;
}
#contact textarea {
background: none !important;
border-left: 0px !important;
border-right: 0px !important;
border-top: 0px !important;
margin-bottom: 20px !important;
border-color: #7b7b7b !important;
padding-left: 0px !important;
color: #7b7b7b;
height: 80px;
}
#contact .wpcf7-submit {
text-transform: uppercase;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
border-color: rgb(209, 186, 74);
padding: 6px;
padding: 2px;
display: block;
font-family: "IBM Plex Sans";
background-color: rgb(209, 186, 74); width: 100%;
text-align: center;
font-size: 16px;
color: rgb(34, 34, 34);
height: 42px;
line-height: 40px;
}
#contact .wpcf7-submit:hover {
background: #d5ba47 !important;
color: #000 !important;
border: 1px #d5ba47 solid;
}
.left {
width: 50%;
float: left;
}
.right {
width: 50%;
float: right;
}
.topgunfooter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
}
footer .qodef-footer-inner {
background: #252525 !important;
padding-top: 3%;
}
.qodef-footer-top-holder {
background: #252525 !important;
}
footer .qodef-footer-top .qodef-column {
border: 0px !important;
}
a:hover {
color: #d1ba4a !important;
}
.qodef-footer-bottom-holder {
background: #000000 !important;
color: #ffffff !important;
}
h4.qodef-footer-widget-title {
font-family: "IBM Plex Sans";
margin-bottom: 0px !important;
font-size: 22px !important;
}
footer .textwidget {
font-family: "IBM Plex Sans";
color: #909090 !important;
margin-bottom: 0px !important;
font-size: 18px !important;
}
footer .qodef-four-columns .qodef-column .qodef-column-inner {
padding: 0px !important;
}
#custom_html-5 {
padding-top: 6px !important;
}
#custom_html-5 a {
font-size: 16px;
display: block;
color: #909090 !important;
margin-bottom: 08px !important;
}
#custom_html-6 {
padding-top: 00px !important;
}
#custom_html-6 a {
font-size: 16px;
display: block;
color: #909090 !important;
margin-bottom: 08px !important;
}
#custom_html-7 .textwidget {
color: #ffffff !important;
}
#custom_html-3 {
color: #ffffff !important;
}
.hor {
margin-left: 30px;
margin-right: 30px;
}
#custom_html-3 .sr {
margin: 08px !important;
display: inline-block;
}
.qodef-mobile-header .qodef-mobile-menu-opener a {
color: #ffffff !important;
}
.qodef-mobile-header-holder {
background: #232323;
border-top: #d2b945 solid 10px;
}
.qodef-mobile-logo-wrapper img {
margin-top: -20px;
width: 100px !important;
height: auto !important;
}
.sa_owl_theme .owl-nav .owl-prev {
left: -20px !important;
}
.sa_owl_theme .owl-nav .owl-next {
right: -20px !important;
}
#header2 {
background: url(//topgunformation.agencearobas.ca/wp-content/themes/startit/startit/img/header-bg.jpg);
padding-top: 50%;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
padding-bottom: 0px;
}
#header2 img {
margin-bottom: -20px !important;
}
.fuaturedblock {
width: 30% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.qodef-footer-widget-title {
text-align: left !important;
}
.qodef-footer-top-holder .textwidget {
text-align: left !important;
}
footer .qodef-footer-top.qodef-footer-top-full {
padding: 0px 0px !important;
}
footer .qodef-footer-inner {
padding-top: 1% !important;
}
#featured {
position: relative;
}
#contact {
position: relative;
}
#featured2 {
position: absolute;
top: 7.5%;
width: 50px;
height: 2px;
} @media (min-width: 1600px) {
}
@media (min-width: 1400px) and (max-width: 1600px) {
}
@media (max-width: 480px) {
.left {
width: 100% !important;
}
.right {
width: 100% !important;
}
.fuaturedblock {
width: 100%;
margin-left: auto !important;
margin-right: auto !important;
}
.fuaturedblock {
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
.wpcf7 .vertical-checkboxes span.wpcf7-list-item {
display: block;
margin-bottom: 5px;
}