.wptravel-tourguide-wrapper,.wptravel-layout-v2 .wrapper-tg {
max-width: 1200px;
margin: 0 auto;
padding: 0px 10px;
width: 100%;
}
.wrapper-tg.wp-travel-single-guide {
padding-top: 60px;
}
.right-col {
flex: 0 0 80%;
}
.wrap-left-sidebar-col,.wrap-right-col {
padding: 20px;
}
.guide-img {
padding: 20px 0;
}
.head-titles {
position: relative;
}
.single-guide-page {
background: #ebebeb;
}
.row-sigle-guide {
display: flex;
justify-content: center;
align-items: baseline;
position: relative;
background: #fff;
}
.tab-with-details {
padding-top: 40px;
}
.row-sigle-guide:after {
content: "";
position: absolute;
right: 0;
left: -0%;
top: 100%;
z-index: 10;
display: block;
height: 1px;
background-size: 50px 100%;
background-image: linear-gradient(135deg, #2c3e50 25%, transparent 25%),
linear-gradient(225deg, #2c3e50 25%, transparent 25%);
background-position: 0 0;
}
#user-info {
border-bottom: 2px solid gray;
}
.wrap-info {
position: relative;
}
.guide-links {
float: left;
width: 33.33%;
}
.guide-details {
float: left;
width: 66.6666%;
}
.tab {
overflow: hidden;
border: 1px dotted #ccc;
background-color: #f1f1f1;
margin: 20px 0;
}
.tab button {
background-color: #fff;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
.tab button:hover {
background-color: #2fb2a0;
}
.tab button.active {
background-color: #ccc;
box-shadow: 0 5px #666;
transform: translateY(4px);
border-top: 4px solid #2fb2a0;
}
.tabcontent {
display: none;
padding: 10px 12px;
border-top: none;
}
.wptravel-tg-guideimage img {
height: 100%;
}
.col-33-gallery {
height: 300px;
width: 300px;
flex: 0 0 30%;
display: flex;
}
.col-33-gallery img {
border-radius: 50px;
}
.row-gallery {
display: flex;
justify-content: space-between;
align-items: center;
}
.guide-details div {
padding: 10px 0;
}
.guide-links li {
padding: 10px 0;
}
.head-titles {
padding: 20px 0;
}
.tabcontent h3 {
padding-bottom: 20px;
}
.active-tab {
display: block;
}
.row:after {
content: "";
display: table;
clear: both;
}
.btn.active {
background-color: #666;
color: white;
}
.wptravel-travel-guide-heading {
width: 100%;
}
.wptravel-travel-guide-heading h1 {
font-size: 32px;
}
.wptravel-travel-guide-heading h1,
.wptravel-travel-guide-heading h4 {
text-align: center;
padding-bottom: 25px;
}
[class*="wptravel-travel-guide-columns"] {
float: left;
padding-right: 10px;
padding-left: 10px;
min-height: 1px;
}
.wptravel-tourguide-quote,.wptravel-tourguide-guidename {
margin-bottom: 15px;
}
.wptravel-travel-guide-row {
width: 60%;
}
.wptravel-travel-guide-Review .wp-travel-average-review:before {
font-weight: unset;
color: orange;
}
.wptravel-travel-guide-image {
flex: 0 0 40%;
}
.wptravel-travel-guide-name {
flex: 0 0 60%;
padding: 0 40px;
}
.wptravel-travel-guide-details {
width: 40%;
}
.wptravel-underline {
text-decoration: none;
position: relative;
}
.wptravel-underline:after {
position: absolute;
content: "";
height: 2px;
bottom: 15px;
margin: 0 auto;
left: 0;
right: 0;
width: 30%;
background: green;
-o-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.wptravel-travel-guide-img {
height: 300px;
width: 100%;
object-fit: cover;
}
.wptravel-callto-buttion {
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
display: inline-block;
letter-spacing: 0.05em;
color: #000;
}
.wptravel-tourguide-btn-view-photos {
color: #70ab43;
}
.wptravel-tourguide-addresss,
.wptravel-tourguide-quote {
font-size: 14px;
}
.wptravel-tourguide-addresss {
font-style: italic;
color: #000;
margin-bottom: 5px;
}
.wptravel-tourguide-name-details {
display: flex;
}
.wptravel-tourguide-guide-desc {
padding: 35px 0;
}
.wptravel-sidebar-wrapper {
background: #f6e4e4;
box-shadow: 0 0 5px rgb(0 0 0 / 30%);
padding: 35px 15px 25px;
text-align: center;
}
.wptravel-travel-guide-details h2:after {
content: "";
display: block;
margin: 5px auto 0;
bottom: 0;
left: 0;
width: 150px;
height: 5px;
border-bottom: 2px solid #70ab43;
}
.wptravel-travel-guide-details h2 {
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.1rem;
text-align: center;
font-weight: bolder;
margin-bottom: 15px;
}
.wptravel-travel-guide-details h3 {
font-size: 1.25rem;
text-align: center;
margin-bottom: 15px;
letter-spacing: 0.1em;
}
.wptravel-tourguide-aside-readmore {
margin-top: 10px;
letter-spacing: 0.05em;
color: #70ab43;
display: block;
}
.wptravel-travel-guide-details .language {
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 20px 0;
}
.wptravel-travel-guide-details .rating {
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 1.25rem;
}
.wptravel-tourguide-guide-desc p {
padding-right: 20px;
}
.wptravel-travel-guide-credentials {
clear: both;
padding-bottom: 50px;
}
.wptravel-travel-guide-credentials h2,
.wptravel-travel-guide-Review h2 {
font-size: 1.5rem;
text-align: center;
color: #000;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
padding-bottom: 30px;
}
.wptravel-travel-guide-credentials h2:after {
content: "";
display: block;
width: 180px;
height: 10px;
border-bottom: 1px solid #313131;
margin: 0 auto;
}
.wptravel-travel-guide-Review h2:after {
content: "";
display: block;
width: 180px;
height: 10px;
border-bottom: 1px solid #313131;
margin: 0 auto;
}
.wptravel-tourguide-guide-desc p {
text-align: justify;
}
.wptravel-travel-guide-credentials p {
text-align: justify;
}
.wptravel-tourguide-all-trip {
clear: both;
padding: 30px 0 70px;
background: #f3f3f3;
}
.wptravel-tourguide-trip-list {
text-align: center;
padding: 40px 0;
}
.wp-travel-single-guide h3.section-title,
.wptravel-tourguide-trip-list h3 {
color: #313131;
font-size: 24px;
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-bottom: 15px;
font-weight: bold;
}
.wptravel-tourguide-trip-list P {
font-family: monospace;
}
.wptravel-tourguide-all-trip .row-three-col {
display: flex;
justify-content: space-around;
align-items: center;
padding: 20px 0;
}
.wptravel-tourguide-all-trip .col {
flex: 0 0 30%;
}
.wptravel-travel-guide-columns {
padding-bottom: 20px;
}
.wptravel-sidebar-wrapper .wptravel-social-links {
display: flex;
justify-content: center;
align-items: center;
}
.wptravel-sidebar-wrapper .wptravel-social-links a {
max-width: 35px;
}
.wptravel-sidebar-wrapper .guide-register-since {
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 20px 0;
}
.wptravel-sidebar-wrapper .guide-number {
text-transform: uppercase;
letter-spacing: 0.1em;
padding: 20px 0;
}
.wptravel-travel-guide-Review {
position: relative;
margin-bottom: 30px;
border: solid 1px #ccc;
padding: 20px;
z-index: 0;
}
.wptravel-travel-guide-Review p {
font-size: 14px;
line-height: 1.8rem;
}
.wptravel-travel-guide-Review .rating-in-border i {
color: #f7943c;
}
.wptravel-travel-guide-Review .rating-in-border {
position: absolute;
top: 20%;
left: 43%;
z-index: 5;
}
.wptravel-travel-guide-Review .reply a {
color: #df1814;
font-size: 14px;
}
#wptravel-travel-guide-Review .form-submit input {
color: white;
background-color: #70ab43;
padding: 0.5em 1em;
}
#wptravel-travel-guide-Review .form-submit {
padding: 15px 0;
}
.wp-travel-average-review span::before {
content: "";
left: 0;
position: absolute;
top: 0;
font-family: "wt-icon-solid";
}
*,
*:before,
*:after {
box-sizing: border-box; font-family: inherit;
}
.wptravel-tourguide-container {
max-width: 1200px;
margin: 0 auto;
padding: 0px 10px;
}
.wptravel-tourguide-container .btn {
padding: 1vh;
border: none;
}
.btn.active {
background-color: #666;
color: white;
}
.wptravel-tourguide-container .btn {
padding: 10px;
margin-right: 5px;
border: none;
}
.wptravel-tourguide-container .btn.active {
background-color: red;
color: white;
border: none;
} .post-type-archive-travel-guide .wptravel-tg-guidename .entry-title{
margin: 5px 0px 20px 0px;
}
.wptravel-tg-column .entry-title a,
.wptravel-tourguide-container .entry-title a {
text-decoration: none;
}
.wptravel-tg-guideimage {
height: 320px;
}
.wptravel-tg-guideimage img {
object-fit: cover;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.wptravel-tg-guidename p {
font-size: 24px;
word-break: break-all;
}
.wptravel-tg-social {
display: flex;
justify-content: center;
gap: 15px;
}
.wptravel-tg-gallary hr {
margin-top: 20px;
margin-bottom: 15px;
}
.wptravel-tg-list-view-row .guide-list {
border: 1px solid #e9d7d761;
height: auto;
position: relative;
}
.wptravel-tg-social svg {
fill: orange;
}
.wptravel-tg-hide-grid {
display: none;
} .list-layout .wptravel-tg-gallary {
display: flex;
position: relative;
height: 100%;
}
.list-layout .wptravel-tg-guide-experiance {
position: absolute;
left: 60%;
top: 85%;
}
.list-layout .wptravel-tg-guidename {
flex: 0 0 50%;
padding: 10px 0 30px 0px;
}
.list-layout .wptravel-tg-guideimage {
flex: 0 0 30%;
height: 100%;
} .list-layout .wptravel-tg-guideimage img {
height: 100%;
}
.list-layout .wptravel-tg-column {
flex: 0 0 100%;
margin: 20px 0;
}
.list-layout .wptravel-tg-hide-grid {
display: block;
padding-top: 20px;
padding-right: 10px;
}
.list-layout .wptravel-tg-guide-language {
position: absolute;
left: 30%;
top: 85%;
}
.list-layout .wptravel-tg-address {
position: absolute;
left: 30%;
top: 20%;
}
.list-layout .wptravel-tg-social {
position: absolute;
right: 1%;
top: 85%;
gap: 1px !important;
}
.list-layout .wptravel-tg-wrapper {
height: 231px;
}
.list-layout .wptravel-tg-gallary hr {
position: absolute;
width: 70%;
bottom: 13%;
right: 0;
}
.list-layout .wptravel-tg-list-view-row {
gap: 30px;
} .wptravel-tg-column {
flex: 0 0 32%;
padding-bottom: 30px;
} #wp-travel-travel-guide-fornt-guide-tab-template .wptravel-tg-rating span span {
padding-right: 1px;
} .wptravel-tourguide-container {
max-width: 1200px;
margin: 0 auto;
padding: 0px 10px;
}
.btn.active {
background-color: #666;
color: white;
}
.wptravel-tourguide-container .btn.active {
background-color: red;
color: white;
border: none;
} .wptravel-tg-guideimage img {
object-fit: cover;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.wptravel-tg-guidename-list {
padding: 10px 0 20px 15px;
}
.wptravel-tg-guidename-list p {
font-size: 24px;
word-break: break-all;
}
img {
max-width: 100%;
max-height: 100%;
}
.wptravel-tg-list-view-row {
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.wptravel-tg-gallary hr {
margin-top: 20px;
margin-bottom: 15px;
}
.wptravel-tg-list-view-row .guide-list {
border: 1px solid #e9d7d761;
height: auto;
position: relative;
} .wptravel-tg-guideimage {
position: relative;
}
.wptravel-tg-rating {
position: absolute;
bottom: 10px;
left: 20px;
}
.wptravel-tg-rating span.checked {
color: orange !important;
}
.wptravel-tg-social svg {
fill: orange;
}
.wptravel-tg-hide-grid {
display: none;
} .list-layout .wptravel-tg-column {
display: none;
}
.list-layout .wptravel-tg-guide-experiance-list-view {
flex: 0 0 30%;
}
.list-layout .wp-social {
text-align: right;
flex: 0 0 30%;
}
.list-layout .wptravel-tg-guide-language-list-view {
flex: 0 0 30%;
}
.list-layout .wptravel-tg-main-div {
display: block;
margin-bottom: 20px;
border: solid 1px #e9d7d761;
padding: 11px;
}
.list-layout .wptravel-tg-main-div img {
width: 100%;
}
.wptravel-tg-guide-language-list-view span,
.wptravel-tg-guide-experiance-list-view span,
.wptravel-tg-address-list-view span,
.wptravel-tg-guide-language span,
.wptravel-tg-address span,
.wptravel-tg-guide-experiance span {
font-weight: 500;
} .wptravel-tg-main-div {
display: none;
}
.single-itineraries .wptravel-tg-column .entry-container,.grid-layout .entry-container {
padding: 10px 20px;
}
.single-itineraries .wptravel-tg-column .entry-container .wp-social,.grid-layout .wp-social {
text-align: left;
padding-top: 15px;
margin-top: 20px;
margin-bottom: 0px;
padding-left: 0px;
border-top: solid 1px #e9d7d761;
}
.wp-social li {
display: inline-block;
}
.wp-social li svg {
fill: orange;
}
.list-layout .wptravel-tg-main-div img {
object-fit: cover;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-layout .wptravel-tg-guidename-list {
padding: 0;
}
.content-wrapper-tg {
display: flex;
justify-content: space-between;
padding: 10px 0 0 0;
margin-top: 30px;
flex-wrap: wrap;
border-top: solid 1px #e9d7d761;
}
.guide-description p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
line-clamp: 2;
-webkit-box-orient: vertical;
padding-right: 10px;
}
.list-layout .wptravel-tg-rating {
bottom: 20px;
left: 20px;
}
.image-wrapper {
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.wptravel-tg-address-list-view {
padding-bottom: 10px;
}
a[alt="fb-link"] svg {
fill: #1b74e4;
}
a[alt="insta-link"] svg {
fill: #ff53c4;
}
a[alt="twitter-link"] svg {
fill: #23b6ff;
}
a[alt="linkedin-link"] svg {
fill: #115bb3;
}
a[alt="tiktok-link"] svg {
fill: #000;
}
a[alt="youtube-link"] svg {
fill: #ff4040;
}
.wptravel-tourguide-aside-review .fa-star,
.wptravel-tg-rating .fa-star {
color: orange !important;
}
.wptravel-tourguide-aside-review .fa,
.wptravel-tg-rating .fa {
font-weight: 100 !important;
}
.single-travel-guide .wptravel-tourguide-aside-review span.checked,
.wptravel-tg-rating span.checked {
color: #f9a032 !important;
font-weight: 900 !important;
}
#wptravel-tg-btnContainer{
padding-top: 60px;
}
.wptravel-tourguide-container  nav.navigation {
padding: 30px 0;
margin-bottom: 20px;
text-align: center;
}
.wptravel-tourguide-container .nav-links{
list-style-type: none;
margin: 0;
padding: 0;
}
.wptravel-tourguide-container .page-numbers{
padding: 0.3em 0.7em;
border: 1px solid #eee;
}
@media only screen and (max-width: 900px) {
.list-layout .wptravel-tg-guide-experiance-list-view {
flex: 0 0 50%;
}
.list-layout .wptravel-tg-guide-language-list-view {
flex: 0 0 50%;
}
.list-layout .wp-social {
text-align: left;
margin-top: 15px;
}
.wptravel-tg-column {
flex: 0 0 48% !important;
}
}
@media only screen and (max-width: 768px) {
.list-layout .wptravel-tg-guidename-list{
margin-top: 20px;
}
.list-layout .wptravel-tg-guideimage-list-view {
position: relative;
}
.list-layout .wptravel-tg-main-div {
width: 100%;
}
.list-layout .wptravel-tg-rating {
bottom: -310px !important;
left: 20px !important;
}
.wptravel-travel-guide-details.wptravel-travel-guide-columns {
width: 100% !important;
float: none;
position: static;
clear: both;
}
.wptravel-travel-guide-heading.wptravel-travel-guide-columns {
width: 100% !important;
float: none;
position: static;
clear: both;
}
.wptravel-travel-guide-row.wptravel-travel-guide-columns {
width: 100% !important;
float: none;
position: static;
clear: both;
}
.list-layout .wptravel-tg-main-div img {
height: 200px;
}
.list-layout .wptravel-tg-main-div .image-wrapper {
height: 320px;
}
}
@media only screen and (min-width: 768px) {
.wptravel-tg-guidename-list {
padding-top: 20px;
}
.list-layout .wptravel-tg-main-div {
display: block;
display: table;
position: relative;
align-items: center;
width: 100%;
}
.list-layout .image-wrapper {
width: 30%;
display: table-cell;
left: 0;
bottom: 0;
right: 0;
top: 0;
padding: 0;
margin: 0;
}
.list-layout .content-wrapper {
text-align: unset;
width: 70%;
display: table-cell;
padding: 10px 20px 10px 50px;
}
}
@media only screen and (max-width: 480px) {
.wptravel-tg-column {
flex: 0 0 100% !important;
padding: 20px 10px;
}
}
@media only screen and (max-width: 480px) {
.list-layout .wptravel-tg-rating {
bottom: -240px !important;
left: 20px !important;
}
.list-layout .wptravel-tg-main-div .image-wrapper {
height: 250px;
}
.wptravel-tg-guideimage img {
width: 100%;
}
.wptravel-tg-column {
flex: 0 0 100% !important;
padding: 20px 10px;
}
.list-layout .wptravel-tg-guide-experiance-list-view {
flex: 0 0 100%;
}
.list-layout .wp-social {
flex: 0 0 100%;
text-align: left;
padding-top: 0px;
}
.list-layout .wptravel-tg-guide-language-list-view {
flex: 0 0 100%;
}
}