/*

Theme Name: Corano Child Theme

Theme URI: http://demo.roadthemes.com/corano/

Author: Plaza-Themes

Author URI: http://plazathemes.com/

Description:  Corano Child Theme

Version: 1.2

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, threaded-comments

Text Domain: corano

Template: corano



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/* ==========================================================================
   Testimonials gap fix  —  added 2026-09-02
   --------------------------------------------------------------------------
   Corano's zoomIn keyframe (corano/css/theme1.css:119) defines only 0% and
   50% — there is no 100% state. The rule at theme1.css:8954 applies it to
   .owl-item.active .item-col, so the *visible* product cards freeze on the
   0% frame: opacity 0, scale(.8). Meanwhile the theme's JS sets an inline
   min-height:277.5px on each card. A card scaled to 80% only fills 222px of
   that box, leaving ~55px dead space per row (~110px per group) directly
   above the testimonials section.

   Cancelling the animation lets each card render at full size and opacity
   and fill its reserved box, which closes the gap.
   To revert: delete this whole block.
   ========================================================================== */

.roadthemes-products .item-col {
  animation: none !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Remaining spacing trim — phones only, matching the theme's own 767px
   breakpoint, so desktop padding (65px) is left exactly as the theme ships it.

   NOTE: this child stylesheet is enqueued BEFORE corano/css/theme1.css, so at
   equal specificity theme1.css wins. The padding-top rule below duplicates
   theme1.css:11711 exactly, hence the !important. */
@media screen and (max-width: 767px) {
  .main-container .testimonials-container {
    padding-top: 10px !important;
  }
  .roadthemes-slider.roadthemes-products .shop-products {
    margin-bottom: 10px;
  }
}