/*

Theme Name: Marisol Alcántara Ortigoza
Theme URI: https://magnya.com/
Author: Magnya WP Consulting
Author URI: https://magnya.com/
Description: Custom theme for scientist and professor Marisol Alcántara Ortigoza.
Text Domain: MarisolAlcantara
Version: 2.0.0
Tested up to: 8.4.10
Requires PHP: 5.6
* Mobile-first, Responsive Layout
* Dynamic Slider
* Custom Colors
* Custom Header
* Social Links
* Menu Description
* Post Formats
* Licensed

*/

@font-face {
    font-family: 'AllerRegular';
    src: url('fonts/aller_rg-webfont.eot');
    src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aller_rg-webfont.woff') format('woff'),
         url('fonts/aller_rg-webfont.ttf') format('truetype'),
         url('fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { 
    background: #000000; 
    padding-top: 0; /*10px*/
    padding-bottom: 0; /*50px*/
    margin-bottom: 0;
}
body.boxed-layout { padding-bottom: 0; }

/* HEADER TWEAKINGS */
.mhero { border-radius: 0; /*5px*/ }

.container {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.boxed-layout #masthead, .boxed-layout #content-wrap, .boxed-layout #colophon {
    margin-right: 0px !important; 
    margin-left: 0px !important;
}

#site-navigation {
    min-height: auto !important;
}

#navbar-collapse-main { 
    width: 100%;
    padding: 8px 15px 8px 0;
    background-image: linear-gradient(to bottom, #272e37, #200e17); /*  #924700, #560B00 */
    float: none; 
}

#menu-main-1 {
    display: flex;
    justify-content: center;
}

#navbar-collapse-main > ul > li {
    padding: 0px !important;
    font-family: 'AllerRegular', 'Open Sans', Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px 0px #000000;
}

@media (min-width: 768px) {
    .navbar-right {
        float: none !important;
        margin-right: -15px;
    }
}


/* CONTENT AREA TWEAKINGS */

/* Links */
a { color: #c01515; } /* IMPORTANT: Find the true global links colors in charity.css, lines 16151 & 16215 */
.entry-content p a { border-bottom: 0px !important; }
.entry-content p a:hover { border-bottom: 1px solid #296faa !important; }

/* Buttons */
.wp-element-button, .btn, #btnSubmit, #btnReset, #btnCleart { background-color: #b01010 !important; }
.wp-element-button:hover, .btn:hover, #btnSubmit:hover, #btnReset:hover, #btnCleart:hover { background-color: #DD6D11 !important; }

/* Layout (right sidebar) */
@media (min-width: 1200px) {
    /*.container { max-width: 1050px; }  IMPORTANT: Set this value under Dashboard > Theme options > Custom CSS */
    #primary { 
        width: 70% !important; 
        padding: 15px 2.7em 3em 2.7em !important; /*2em 2.7em 3em 2.7em !important*/
    }
    #secondary { 
        width: 30% !important; 
        padding: 0 !important;
    }
}

.latest { /* "LATEST PROJECTS" SUBTITLE */
    font-size: 25px;
    color: #c01515;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E5DADA;
}

/* Post titles/meta */
h2.entry-title, h1.latest {
    font-family: 'AllerRegular', 'League Spartan', 'Open Sans', Arial, Helvetica, sans-serif;
    text-transform: none;    
}

h2.entry-title {
    font-size: 25px;
}
h2.entry-title a { color: #333; }

.posted-on { font-size: 12px; }

.site-main > article:after { /* triangular right border */
    border-left: 15px solid #E07575 !important;
}

/* Post thumbnails (front page) */
.entry-content img.alignleft {
    width: 40%;
    margin:20px 10px 0 0;
}

/* Breadcrumbs */
.breadcrumbs .delimiter { color: #c01515 !important; }

/* Widgets */
.widget-title { 
    font-weight: 600 !important; 
    text-transform: none !important;
}

/* Fixed search form in right side bar */
#secondary #searchform.form-inline {
    margin: 15px 28px 15px 28px;
}

/* Author archive link */
.author-link-posts {
    margin-right: 0;
}

/* wp-pagenavi */
.wp-pagenavi { margin-bottom: 10px !important; }
.wp-pagenavi span.pages { display: none; }
.wp-pagenavi span, .wp-pagenavi a { padding: 3px 8px !important; }
.wp-pagenavi span.extend,
.wp-pagenavi a { 
    border: 1px solid #F0A0A0 !important; 
    border-radius: 2px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current { 
    border: 1px solid #b01010 !important;
    border-radius: 2px;
    color: #FFF;
    background-color: #b01010;
}

/* Footer / Widget area: Remove annoying borders in central "assign widget" block */
.foot-bor:before { width: 0px !important }

/* Mobile menu */
#hambar { margin-top: 10px !important; }  /* 10px 10px 0px */


/* APPOINTMENT PLANNER */
.ap-pl { padding: 0 20px 20px; }

.applMdl-hdr {
    background-color: #b01010;
    padding: 10px 16px 2px 16px;
}
.applMdl-hdr h2,
#btnReset{ color: #FFFFFF !important }

.applMdl-hdr h2 { 
    font-size: 20px;
    font-weight: 300;
}

#btnSubmit, #btnReset { width: auto; }
#btnReset {
    font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 10px 16px;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
}

.appl_tablecontainer { overflow-x: auto; }

.applt { min-width: 750px; }

.appLogin a { font-weight: bolder !important; }

.appSearches { display: flex; }
p.app_labelRes { 
    margin-left: 20px; 
    font-weight: 600;
    font-size: 18px;
}
p.app_labelRes a { font-weight: 600 !important; }
#appSrchUsr, #appSrchDay { width: 50%; }
.frmGeneric { margin: 0px }
#app_search { 
    width: 60%;
    border-collapse: collapse; 
    margin-left: 20px;
}
#app_search tr.app_gray { background-color: #E9E9E9; }
#app_search th { background-color: #CCC; }
#app_search th, #app_search td {
    border: 1px solid #EEE;
    padding: 5px 10px 5px;
}
#app_search td.app_red { 
    color: #DD0000; 
    font-weight: 900;
    background-color: #FFFF00;
}
#app_search td a { color: #0000CC; }
#app_search td a:hover { 
    color: #c01515; 
    text-decoration: underline;
}

#appLdStds { margin-top: 20px; }
.frmGeneric input[type=text] { width: 200px }
#txtNewUsrfPass, #txtNewUsrLn { width: 150px !important; }

.appInpChk {
    display: flex; /* Enables flexbox layout */
    align-items: center; /* Vertically centers the items */
    gap: 5px;
    margin: 20px 0 0 20px;
}

.appInpChk input[type=checkbox] { 
    margin: 0;
    width: 15px;
    height: 15px;
}
.appInpChk span { 
    font-size: 15px;
    font-weight: bold;
}
.appInpChk span i { font-size: 18px; }

/* Remove annoying "easy transition" from theme on hidden items on appointments table */
.appTdDladm a,
.appTdAt a,
.appTdUn a {
    -webkit-transition: none !important; 
    transition: none !important;
}


/* PROMO BANNER */
.mn_pb_promo_banner { 
    margin-bottom: 30px; 
    max-width: 100%;
}
.mn_pb_promo_banner img { border: 1px solid #F0555555; }


/* POST SLIDER/CAROUSAL */
#masol-about,
#masol-slider-carousal {
	background:#fff;
	width: 95%;
	height: auto ; /*470px*/
	padding:10px 10px;
    margin: 20px auto;
	border:1px solid #ddd;
}
.psacp-post-img-bg::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /*background: linear-gradient(to bottom, rgba(40, 40, 40, .1) 0%, rgba(35, 20, 20, .5) 59%, rgba(54, 12, 11, .95) 100%);*/
    background: linear-gradient(to bottom, rgba(50, 40, 40, .1) 0%, rgba(35, 20, 20, .5) 100% );
    /*background: radial-gradient(
    ellipse at center, 
    rgba(202, 202, 202, 0.1) 0%, 
    rgba(136, 77, 77, 0.5) 59%, 
    rgba(66, 15, 14, 0.95) 100%
    );*/
}
.owl-nav .owl-prev,
.owl-nav .owl-next {
    font-weight: 1000;
    color: #000;
    background: #fff;
    border-radius: 50%;
    border: 1px solid rgba(185, 185, 185, 0.9);  
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);  
}
.owl-nav .owl-next { right: -20px; }
.owl-nav .owl-prev { left: -20px; }


/* ABOUT SECTION */
#masol-about { 
    border-left: 0;
    border-right: 0;
    margin-bottom: 0;
    /*background: #090000; #eceaea;*/

    /*background: linear-gradient(
        to bottom, 
        #d8d5cf 0%,     Top: Slightly darker 
        #eceaea 50%,    Middle: Your target color 
        #e3e0e0 100%    Bottom: Back to slightly darker 
    );*/
}
.masol-about-container {
      display: flex;
      flex-direction: row;
      /* align-items: center;  Vertically aligns both columns if they have different heights */
      gap: 30px;           /* Adds space between the two columns */
      width: 100%;
      max-width: 1150px;
      margin: 0 auto;
      padding: 20px;
      box-sizing: border-box;
    }

/* Column Shared Styling */
.masol-about-text,
.masol-about-img {
    flex: 1;             /* Distributes equal width (50/50) to both columns */
    min-width: 300px;    /* Prevents columns from getting too squeezed */
}

/* Image Column (Centers the image parent div) */
.masol-about-img {
    display: flex;
    justify-content: right; /* Horizontally aligns the image to the right inside this column */
    align-items: start;
    align-self: flex-start;
    border: 7px solid #FFF;
    max-width: 35%;
}

.masol-about-img img {
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 1px;      /* Optional: rounds image corners */
    width: 300px;
    height: 300px;
    /*margin: 0 15px 2px 0px;*/
    border: 5px solid #FFF;
    /*border-radius: 9999px;*/
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}

/* Description Column (Left-aligned) */
.masol-about-text {
    text-align: left;        /* Ensures all text aligns to the left */
    font-size: 16px;
    /*color: #BCBCBC;*/
}

.masol-about-text h2 {
    margin-top: 0;
    color: /*#FFF;*/ #333;
    font-size: 20px;
    text-transform: none;
}

.masol-about-text p {
    line-height: 1.6;
}

.masol-about-text p a {
    text-decoration: none;
    color: #c01515;
    font-weight: 550;
}
.masol-about-text p a:hover {
    color: #000;
}
/* Cards */
/* 1. Turn the direct wrapper into a grid container */
.masol-about-widget-grid {
    display: flex;    
    /*grid-template-columns: repeat(2, 1fr); */ /* Enforces exactly two equal-width columns */
    gap: 25px; /* Adjust this value to change the spacing between cards */
    margin-bottom: 20px;
}

/* 2. Optional: Style the individual cards (if needed) */
.masol-about-widget-single {
    background: #F0F0F0;
    /*border: 1px solid #e0e0e0;*/
    border-radius: 8px; /* Rounds the corners like a standard card */
    padding: 20px; /* Pads the inside of your cards */
    text-align: center;
}
.masol-about-widget-single:hover {
    background: /*#F0F0F0*/ #E5E5E5;
}
.masol-about-widget-innertext {
    font-size: 18px;
    font-weight: 600;
    color: #444;
}
.masol-about-widget-innertext a {
    font-weight: 600 !important;
    color: #444;
}
.masol-about-widget-innertext a:hover { color: #c01515; }
.masol-about-block-image {
    display: flex;
    justify-content: center; /* Centers the figure horizontally */
    align-items: center;     /* Centers the figure vertically (if container has height) */
    width: 100%;             /* Ensures the container spans the full card width */
    margin-top: 10px;
} /*
.masol-about-block-image a {
    width: 50%;             
    margin: 0 auto;
    border: 2px solid #777777A5;
    border-radius: 9999px;
    padding: 40px;
}
.masol-about-block-image a:hover { 
    opacity: 0.9;
} */
.masol-about-block-image svg {
    width: 30%;
}

/* Masol social icons under author info */
/* Container layout to display icons side-by-side */
.masol-social-icons-container {
    display: flex;
    gap: 15px;
    padding: 20px;
    padding-bottom: 0;
    justify-content: center;
}

.masol-icons-left {
    justify-content: left;
    padding: 0;
}

/* The rounded border button styling */
.icon-button {
    /* Making it small and perfectly circular */
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid #c01515;
    
    /* Colors */
    background-color: #c01515;
    color: #FFF;
    
    /* Centers the Font Awesome icon inside the circle */
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* Smooth transition for hover effects */
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Icon base sizing */
.icon-button i {
    font-size: 15px;
}

/* Subtle hover effect */
.icon-button:hover {
    background-color: #FFF;
    border: 2px solid #444;
    color: #444;
    transform: translateY(-2px);
}
.masol-icons-left .icon-button {
    width: 30px;
    height: 30px;
}
.masol-icons-left .icon-button i {
    font-size: 14px;
}
/* Responsive Design for Mobile Layouts */
@media (max-width: 768px) {
    .masol-about-container {
    flex-direction: column-reverse; /* Stacks columns vertically on small screens */
    text-align: center;     /* Optional: centers text on mobile for better flow */
    }
    .masol-about-text {
    text-align: center;     /* Optional mobile centering override */
    }
    .masol-about-img {
        justify-content: center;
        max-width: 100%;
        width: 100%;
    }
    /*.masol-about-widget-grid {
        grid-template-columns: 1fr; 
        justify-content: center; 
        justify-items: center;
     }*/
     .masol-icons-left {
        justify-content: center;
        padding: 20px;
    }
}
@media (max-width: 500px) {
    .masol-about-widget-grid {
        flex-direction: column;
    }
}

@media (max-width: 1199px) {
    #menu-main-1 {
        display: block;
        font-size: 13px;
    }
}