/*--------------------------------------------------------------------------------- Theme Name: Trienal de Tijuana Description: A theme designed with bootstrap. Version: 1.0 Author URI: http://www.pupillo.co.mx ----------------------------------------------------------------------------------- 0. CSS Reset 1. Global 2. Header - Buttons & Navigation 3. Home - Main 4. Pages 5. Single 6. Footer 7. Responsive ----------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------------- */ .btns { font-family: 'Montserrat', sans-serif !important; } .clear { clear:both; } .clearspace { clear:both; padding-bottom:15px; } .white { background: #fff !important; } .gray { background: #ccc !important; } .lines { padding-top: 50px; margin-bottom:10px; border-bottom:1px solid #ccc; } img { pointer-events: none; } strong {font-weight: 700 !important;} *{ margin:0; padding:0; box-sizing: border-box; } .spacing {padding:25px;} .no-padding { padding-right: 0 !important; padding-left: 0 !important; } .inactivo { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; pointer-events: none; } .mr-10{margin-right:10px;} /* -------------------------------------------------------------------------------- */ /* 1. GLOBAL /* -------------------------------------------------------------------------------- */ .color{ color:#F4DB10; font-weight:700; } body{ font-family: 'Montserrat', sans-serif !important; font-size:14px !important; line-height:1.42857143; color:#242258; background-color:#fff; margin:0; padding:0; box-sizing: border-box; background-image: url('http://trienal.cecut.gob.mx/wp-content/uploads/2020/08/bg-item.png'); background-position: right top; background-repeat: no-repeat; background-attachment: fixed; } /* -------------------------------------------------------------------------------- */ /* 2. HEADER /* -------------------------------------------------------------------------------- */ #header_full{ box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 15px; margin-top:90px; } .logoT1 img {width:50% !important; height:auto;} #logoHome {margin-top:-2px;} #logoHome h3{font-weight:600; font-size:25px; color:#ee4036; padding:15px 70px;} #logoPages {margin-top:-19vmax; padding-bottom:50px;} .elHome {display:block;} .menu-title {display:block; background-color:#333; color:#fff; text-align:center;} .menu-title h5 { font-size: 18px; padding:5px;} .menu-title h5 a {display:block; color:#fff;} .menu-title h5 a:hover { color:#ee4036; text-decoration:none;} .menu_container { position:absolute !important; top:0; right:0;} .menu_container ul { float:right; list-style-type: none; margin: 0; padding: 0; } .menu_container ul li { display: inline-block; position: relative; } .menu_container ul li.mr-15 { margin-right:10px;} .menu_container ul li:first-child { margin-left: 0; } .menu_container ul li a { text-decoration: none; color:#fff !important; background-color:#4d4d4d; font-size: 16px; padding: 20px 30px 10px; } .menu_container ul li a:hover { text-decoration: none; color:#000 !important; background-color:#999;} .menu_container ul li.current_page_item a, .menu_container ul li.current-menu-item a { color: #000 !important; text-decoration: underline; background-color:#999; } .navMobile ul {list-style-type: none; } .navMobile ul li { display: block; text-align:center; } .navMobile ul li.mr-15 { margin-bottom:20px; } .navMobile ul li a { display:block; text-decoration: none; color:#333 !important; font-size: 16px; padding: 20px 30px 10px; transition: 0.3s; } .navMobile ul li a:hover { text-decoration: none; color:#000 !important; background-color:#999;} .navMobile ul li.current_page_item a, .navMobile ul li.current-menu-item a { color: #000 !important; text-decoration: underline; background-color:#eee; } .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background-color:#fff; overflow-x: hidden; padding-top: 60px; transition: 0.5s;} .sidenav .closebtn {position: absolute; top: -45px; left: 25px; font-size: 30px; color:#aaa; text-transform:uppercase;} #main { transition: margin-right .5s; padding: 0px;} .logoIcon img {padding: 5vmax 0;} .logoIcon a {display:block;} #elMenu{display:block;} .mobileMenu {border:1px solid #ccc; color:#000; cursor:pointer; padding:10px; border-radius:5px; font-size:30px; float:right; text-transform:uppercase; position:absolute; top:25px; right:25px;} /* -------------------------------------------------------------------------------- */ /* 3. HOME /* -------------------------------------------------------------------------------- */ /* MAIN --------------------------------------------------------------------------- */ .section_title {padding:50px 0px; } .section_title p {font-size: 0.8rem; color:#888; margin-bottom: 0px; text-align: left;} .section_title h3 { text-transform: uppercase; text-align: left; line-height: 1; margin-bottom: 0px; color:#000; font-size: 1.3rem; font-weight: 700;} /* -------------------------------------------------------------------------------- */ /* 4. PAGES /* -------------------------------------------------------------------------------- */ .mainTitle {font-size:24px;font-weight:600; padding-bottom:50px} .navInterna {background-color:#f9f9f9;} .navInterna .wp-block-button__link { color: #888; background-color: transparent; font-size: 14px; padding: 8px 15px 0px; text-align: center;} /* NEWS --------------------------------------------------------------------------- */ .elPost {border-top:1px solid #333; padding-top:10px; padding-bottom:50px;} .elPost p.postTitle span{color:#000 !important; font-weight:700; text-decoration:none; } .elPost p.laFecha {padding-top:10px; margin-bottom:0;} .contenedor {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;} .elVideo{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .blog_box p{margin-top:20px;} a.read_more { background-color:#333; padding:10px; border-radius:5px; color:#fff;} /* SEDE --------------------------------------------------------------------------- */ .medioImg img {width:auto; height:100%;} /* CONVOCATORIA ------------------------------------------------------------------- */ #convocatoria h2 {text-transform:uppercase; font-weight:500; font-size:30px; padding-top:20px; } #convocatoria h3{font-weight:500; font-size:30px; color:#ee4036; padding-bottom:15px;} #convocatoria h4 {font-weight:400; font-size:24px; line-height:1; padding-bottom:15px;} #convocatoria strong {font-weight:900;} #convocatoria p a {text-decoration:none; color:#000; font-weight:500;} #convocatoria span {font-variant:small-caps;} ol.submitBox {padding:50px; background-color:#333; color:#fff; border-radius:25px;} h3.submitTitle, h3.pageTitle {text-transform:uppercase; font-size:16px;font-weight:700;} .imalink a {display:block;} /* CONTACTO ----------------------------------------------------------------------- */ #contacto {margin: 10px 0px; color:#fff;} #contacto label { display: block; font-family: 'Montserrat', sans-serif; padding: 5px; font-size:12px; text-transform: uppercase; margin-top: 15px; color: #333;} #contacto textarea, #contacto input {display: block; width: 90%; margin:0 5%; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; border-width: 0px; background: transparent; border-bottom: 1px solid #eee; color:#ddd;} #contacto .wpcf7-submit {display: block; width: 30%; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; background: #ccc; color:#666; text-transform:uppercase; padding:5px;} .wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border:none !important;} /* -------------------------------------------------------------------------------- */ /* 5. SINGLE /* -------------------------------------------------------------------------------- */ .next_prev_cont {border-top:1px solid #333; padding-top:20px; margin-top:30px; margin-bottom:50px;} .comentarios {display:block; color:#fff; background-color:#ddd; padding:1vmax !important; margin-top:100px;} .commentarios p {margin:0 1rem;} /* -------------------------------------------------------------------------------- */ /* 6. FOOTER /* -------------------------------------------------------------------------------- */ #footer{ color:#ccc; padding-top:10px; width:100%; } #footer p{font-size:8px;} /* -------------------------------------------------------------------------------- */ /* 7. MOBILE /* -------------------------------------------------------------------------------- */ /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 1280px) { .t1 img {width:100%; height:100%;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 414px) { body{background-size:contain;} .t1 img {width:50%; height:50%;} .t1 {position:fixed; top:-60px;} .logoT1 img {width:100% !important; height:100%;} #logoHome, #logoPages {margin-top:-20px;} #logoHome h3{font-size:20px; padding-left:35px; padding-right:15px;} } /**/ .fsize: 20px;