/**
 * @brief IdeogramPaymentsStyle Theme main styles
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.2
 * @date Creation: Jul 2022
 * @date Modification: Oct 2023
 * @copyright 2022 - 2023 Ideogram Design
 */

/* global */
* {padding:0; margin:0; box-sizing: border-box; font-family: 'Roboto', Arial, Sans serif; font-size:18px; margin: 0; padding: 0;}
html {background:#F2F2F2;}
body {background:white;}
p {padding: 8px 0;}
a {text-decoration:none; color:#00B3D7; transition: color 0.3s;}
ul {margin:0px 28px; padding:0;}
ul ul {margin:0px 18px; padding:0;}
ul ul ul {margin:0px 18px; padding:0;}
ol {margin:0px 28px; padding:0;}
li {margin:4px 4px 8px;}
b, strong {font-weight:bold;}
i, em {font-style:italic;}
blockquote {margin:8px 20px;}
input, textarea, select {padding:8px; background:white; color:#5A5A5A; font-weight:bold; font-size:20px; border:solid 1px rgba(3, 4, 94, 1); text-align:center; width:400px; max-width:100%;}
select {padding:3px 4px;}
textarea {resize: none;}
input[type=checkbox] {margin-right:8px;}
input[type=radio] {margin-right:8px;}
input::placeholder {text-align:center; font-weight:400;}
.vlinputs {width:100%;}
form {margin:0; font-size:0;}
.img{font-size:0}
sup, sub{font-size:9px; color:inherit;}
img {border:0; max-width:100%; height:auto;}
.RSS {float:right; position:relative; top:4px;}


/* Theme parts */
.IdeogramPaymentsStyleButton {background:#00B3D7; padding:12px 32px; color:white; text-transform:uppercase;}

/* Theme editor */
h1.eTitle1 {font-size:24px; text-align: left; font-weight:thin; line-height:28px;}
h2.eTitle2 {font-size:24px; text-align: left; font-weight:bold; line-height:28px;}

/* main */
#pageMain {background:#f2f2f2}
.mainContent {width:800px; max-width:90%; margin: 0 auto; padding: 0; text-align:center;}

/* generic */
.info {display:flex;}
.info .block {flex:1;}
.red {color:#00B3D7 !important; font-size:inherit; font-weight:inherit}

/* Header */
.header {background: linear-gradient(90deg, rgba(3, 4, 94, 1) 0, rgba(0, 119, 181, 1) 100%); padding: 0 40px 0 40px; color: #ffffff; min-height: 150px;}
.languages {display:inline-block; background:white; padding:6px 3px; margin:8px 0; border-radius:20px;}
.languages a {margin:2px 0; padding:4px 8px; color:#00B3D7;}
.languages a.selected {border-radius:20px; background:#00B3D7; color:white;}

.info .block.logo {text-align:right;}
.info .block.logo img {width:210px;}
.info h2.eTitle2 .number {opacity:0.75; font-size:28px;}

.paymenticon {display: block; margin: -30px auto 0; max-width:100px; max-height:20px; overflow:visible;}

/* Footer */
.footer {padding: 20px 0; background-color: #03045E;}
.footer div {padding:6px 0;}
.footer * {color:white;}
.footer .important {font-weight:bold; font-size:22px;}
.footer a {color:#00B3D7; border-bottom:dotted 1px #00B3D7;}

/* Content */
.content {padding:75px 0 50px; background:white;}
.content .info .block {text-align:center; font-weight:bold;}
.content .message {padding:30px 0 0; font-size:20px; font-weight:bold;}

/* Pages */
.formInput {margin:16px 0;}
.formButton {margin:8px 0;}

/* Stripe override */
button#submit {
    background: #5FC683;
}

/* Mobile */
@media screen and (max-width: 700px) {
    h1.eTitle1 {text-align: center;}
    h2.eTitle2 {text-align: center;}
    .info {display:block;}
    .paymenticon {margin: 10px auto 0;}
    .info .block.logo {display:none;}
}